@charset "UTF-8"; /** * 版本号 trt_component_v2 * 更新时间 23/6/28 * laiyanling更新 */ /*标题组件title*/ .title_base{ position: relative; z-index: 5;} .title_name{ padding: .12rem 0rem .12rem .2rem; position: relative; font-size: .24rem; font-weight: bold; color: #1658a0;} .title_name:before{ content: ''; position: absolute; left: 0rem; top:.19rem; width: 6px; height: .2rem; background-color: #1658a0;} .title_small.title_name{ font-size: .16rem; padding-left: .16rem;} .title_small.title_name:before{ width: 4px; height: .14rem; top: .15rem;} .title_icon_base{ padding: .1rem 0rem; font-size: .2rem; font-weight: bold;} .title_icon_base i{ font-size: .24rem; margin-right: .08rem; font-weight: normal;} .title_icon_large{ font-size:.28rem;} .title_icon_small{ font-size: .2rem;} .title_icon_large i{ font-size: .28rem;} .title_icon_small i{ font-size: .2rem;} .title_base .more{ position: absolute; right: .12rem; top: 0rem; line-height: .5rem;} .title_base .more a{ color: #999999;} .title_01{ background-color: #f9f9f9;} .title_01 .title_name{ font-size: .2rem; color: #333333; padding-left: .28rem; padding-right: .8rem;} .title_01 .title_name:before{ display: none;} .title_02{ padding-bottom: .05rem;} .title_02 .title_name{ padding-left: 0rem; font-size: .2rem; color: #333333;} .title_02:before{right: 0rem; left: 0rem; position: absolute; height: .05rem; bottom: 0rem; content: ''; background-color: #1658a0;} .title_02 .title_name:before{ display: none;} .title_02 .more{ right: 0rem;} .title_03{ padding-bottom: .05rem;} .title_03 .title_name{ padding-left: 0rem; font-size: .2rem; color: #333333;} .title_03:before{right: 0rem; left: 0rem; position: absolute; height: .05rem; bottom: 0rem; content: ''; background-color: #1658a0;} .title_03 .title_name:before{ display: none;} .title_03 .more{ right: 0rem;} @media screen and (max-width:992px) { .title_name{ padding: .08rem .32rem .08rem .16rem; font-size: .22rem;} .title_name:before{top: .18rem; width: 4px;height: .16rem;} .title_01 .title_name{ font-size: .18rem; padding-left: .2rem; line-height: .32rem;} .slb .title_name{ font-size: .2rem;} .title_01 .more{ display: none;} } /*横幅banner*/ .banner_base{ position: relative;} .banner_base a{ display: block;} .banner_base img{ width: 100%;} .read_more{ display: block; text-align: center;} .read_more a{ display:inline-block; padding:.14rem .6rem; font-size: .2rem; background-color: #f8f8f8; border-radius: .08rem; color: #666666; border: 1px solid #dddddd;} .read_more a:hover{ background-color: #1658a0; color: #ffffff;} .menu_group,.menu_base{ position: relative; z-index: 99;} .menu_group:hover{ z-index: 100;} .menu_base>ul>li{ line-height: .8rem; float: left;} .menu_base>ul>li>h3>a{ display: block; margin: 0rem .3rem; font-size: .2rem; color: #333333; font-weight: normal; position: relative;} .menu_right>ul{ float: right; clear: both;} .slb .menu_base>ul>li>h3>a{ margin: 0rem .16rem;} .menu_01 .sub_content{ position: absolute; left: 0rem; right: 0rem; top: .8rem;} .menu_01 .menu_sub:last-child ul,.menu_01 .menu_sub:nth-last-child(2) ul,.menu_01 .menu_sub:nth-last-child(3) ul{ text-align: right;} .menu_01 .menu_base{ box-shadow: -2px 0 3px -1px rgba(0,0,0,0),0 -2px 3px -1px rgba(0,0,0,0),0 2px 3px -1px rgba(0,0,0,.05),3px 0 5px -5px rgba(0,0,0,0) inset;} .menu_01 .menu_base>ul>li.on>h3>a,.menu_01 .menu_base>ul>li>h3>a:hover{ font-weight: bold; color: #1658a0;} .menu_01 .menu_base>ul>li.on>h3>a:before,.menu_01 .menu_base>ul>li>h3>a:hover:before{ content: ''; position: absolute; left: 0rem; right:0rem; bottom:0rem; height: .04rem; background-color: #1658a0;} .menu_01 .menu_sub{box-shadow: -2px 0 3px -1px rgba(0,0,0,0),0 -2px 3px -1px rgba(0,0,0,0),0 2px 3px -1px rgba(0,0,0,.05),3px 0 5px -5px rgba(0,0,0,0) inset;} .menu_01 .menu_sub ul{ padding: .32rem 0rem; text-align: center; font-size: 0rem;} .menu_01 .menu_sub li{ line-height: .28rem; display: inline-block;} .menu_01 .menu_sub li a{ display: block; color: #666666; font-size: .18rem; margin: 0rem .4rem;} .menu_01 .menu_sub li a:hover{ color: #1658a0;} .menu_02 .menu_base{ box-shadow: -2px 0 3px -1px rgba(0,0,0,0),0 -2px 3px -1px rgba(0,0,0,0),0 2px 3px -1px rgba(0,0,0,.05),3px 0 5px -5px rgba(0,0,0,0) inset;} .menu_02 .menu_base>ul>li{ position: relative;} .menu_02 .menu_base>ul>li h3 a{ color: #333333; font-weight: bold; margin: 0rem .4rem;} .menu_02 .menu_base>ul>li.on,.menu_02 .menu_base>ul>li:hover{ background-color: #1658a0; z-index: 99;} .menu_02 .menu_base>ul>li.on a,.menu_02 .menu_base>ul>li:hover a,.menu_02 .menu_base>ul>li.on h3 a i,.menu_02 .menu_base>ul>li:hover h3 a i{ color: #ffffff;} .menu_02 .menu_base>ul>li h3 a i{ font-size: .2rem; margin-right: .12rem; color: #1658a0; font-weight: normal;} .menu_02 .menu_sub{ display: none; padding:0rem 0rem .32rem 0rem; position: absolute; left: 0rem; top: .8rem; right: 0rem; z-index: 999; background-color: #1658a0;} .menu_02 .menu_sub li{ text-align: center; line-height: .28rem; padding: .14rem 0rem;} .slb .menu_02 .menu_base>ul>li h3 a{ margin: 0rem .2rem;} .menu_03 .menu_base>ul>li>h3{ position: relative;} .menu_03 .menu_base>ul>li>h3:after{ content: ''; position: absolute; right: 0rem; top: 50%; width: 1px; height: .24rem; margin-top: -.12rem; background-color: #ffffff; opacity: .3; filter:alpha(opacity=30);} .menu_03 .menu_base>ul>li>h3 a{ color: #ffffff; font-size:.24rem;} .menu_03 .menu_base>ul>li h3 a i{ font-size: .16rem; margin-left: .12rem;} .menu_03 .menu_base>ul>li:hover>h3 a,.menu_03 .menu_base>ul>li.on>h3 a{ font-weight: bold;} .menu_03 .menu_base>ul>li:hover>h3 a i,.menu_03 .menu_base>ul>li.on>h3 a i{ font-weight: normal;} .menu_03 .menu_base>ul>li:last-child h3 a{ margin-right:0rem;} .menu_03 .menu_base>ul>li:last-child h3:after{ display: none;} .menu_03 .menu_sub{ background-color: rgba(0,0,0,.6); background-color: #666666\0; border-radius: .04rem; box-shadow:0rem 0rem .2rem rgba(0,0,0,.4); display: none; overflow: hidden;} .menu_03 .menu_pic i{ padding-top: 100%;} .menu_03 .menu_pic{ width: 23.728813%; float: left; margin: .6rem 0rem .6rem .6rem;} .menu_03 .menu_con{ overflow: hidden; padding: .6rem .6rem .6rem 0rem;} .menu_03 .menu_con dl{ width: 33.3%; float: left;} .menu_03 .menu_con dt,.menu_03 .menu_con dd{ margin-left: .6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .menu_03 .menu_con dt{ border-bottom: 1px solid #ffffff; line-height: .48rem; font-size: .2rem; font-weight: bold; margin-bottom: .12rem;} .menu_03 .menu_con dt i{ font-weight: normal; font-size: .2rem; margin-right: .12rem;} .menu_03 .menu_con dt a,.menu_03 .menu_con dd a{ color: #ffffff;} .menu_03 .menu_con dd{ line-height: .24rem; padding: .1rem 0rem; font-size: .18rem;} .menu_03 .sub_content{ position: absolute; left: 0rem; right: 0rem; top: .8rem;} .slb .menu_03 .menu_base>ul>li>h3 a{ font-size: .2rem; margin: 0 .12rem;} .slb .menu_03 .menu_pic{ margin: .3rem 0rem .3rem .3rem;} .slb .menu_03 .menu_con{ padding: .3rem .3rem .3rem 0rem;} .slb .menu_03 .menu_con dt,.slb .menu_03 .menu_con dd{ margin-left: .2rem;} .menu_04 .menu_base>ul>li.on>h3>a,.menu_04 .menu_base>ul>li>h3>a:hover{ color: #1658a0;} .menu_04 .sub_content{ background-color:#F2F2F2; box-shadow: 0rem .1rem .16rem rgba(0,0,0,.08); position: absolute; top: .8rem; right: 0rem; left: 0rem;} .menu_04 .menu_sub{ display: none; overflow: hidden;} .menu_04 .menu_sub .trt-row{ padding:.4rem 0rem .6rem 0rem;} .menu_04 .menu_ul li{ } .menu_04 .menu_ul li a{ font-size: .2rem; color: #333333; display: block; padding:.19rem 0 .18rem .44rem;line-height: .4rem;} .menu_04 .menu_ul li a i{ font-size: .4rem; margin-right: .2rem; color: #1658a0;} .menu_04 .menu_ul li.on a,.menu_04 .menu_ul li a:hover{ border-left: .04rem solid #1658a0; background-color: #ffffff; padding-left: .4rem; color: #1658a0;} .menu_04 .menu_pic i.picture_fixed{ padding-top: 56.111111%; border-radius: .16rem; transition: 0s all;} .menu_04 .menu_pic i.picture_fixed:hover{ transform: rotate(0);} .menu_04 .menu_pic{ padding: 0rem .2rem; margin-top: .18rem;} .menu_04 .menu_sub .list_base{ margin-top: .15rem;} .menu_04 .menu_sub .list_base li:before{ background-color: #999999;} .slb .menu_04 .menu_pic{ padding: 0rem;} @media screen and (max-width:1280px) { .menu_03 .menu_base>ul>li>h3 a{ font-size: .2rem;} } @media screen and (max-width:992px) { .menu_right>ul{ float: inherit;} .menu_base>ul{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0rem;} .menu_base>ul::-webkit-scrollbar{ display: none;} .menu_base>ul>li{ display: inline-block; float: inherit;} .menu_base>ul>li>h3>a{ margin: 0rem .1rem;} .menu_02 .menu_base>ul>li h3 a{ margin: 0rem .14rem;} .sub_content,.menu_03 .menu_base>ul>li h3 a i{ display: none;} } /*竖向目录树*/ .directory_tree .tree_base{ position: relative;} .directory_tree .tree_base a{ color: #666666;} .directory_tree .tree_base .tree_icon{position: absolute;right: .02rem;top: .07rem;width: .36rem;height: .36rem;display: none;z-index: 999;} .directory_tree .tree_base .tree_sub{ display: none; position: absolute; top: 0rem;} .directory_tree .tree_item{ position: relative;} .directory_tree .tree_item>h3>a{ padding-right: .32rem; line-height:.24rem; padding-top: .12rem; padding-bottom: .12rem;} .tree_horizontal .tree_sub{ left:100%;} .tree_vertical .tree_sub{ left:0rem; right: 0rem;} .tree_01{ padding: .4rem 0rem .4rem .24rem; background-color: #FAFAFA; border-radius: .16rem;} .tree_01 .tree_item{ margin-bottom: .16rem; line-height: .48rem;} .tree_01 .tree_item:last-child{ margin-bottom: 0rem;} .tree_01 .tree_item>h3{ font-weight: normal;} .tree_01 .tree_item>h3>a{ display: block; font-size: .18rem; position: relative; padding-left: .1rem; border-radius: .08rem 0rem 0rem .08rem; margin-right: .24rem;} .tree_01 .tree_item>h3>a i.trt-icon-zhengfuxinxigongkai{ font-size: .24rem; margin-right: .16rem; position: relative; top: -.02rem; color: #666666;} .tree_01 .tree_item>h3>a i.trt-icon-arrow{ position: absolute; font-size: .12rem; right: .08rem; top:.14rem; color: #999999;} .tree_01 .tree_item>h3>a:hover{ background-color: #ffffff; border-radius: .08rem;} .tree_01 .tree_item>h3>a:hover i{ color: #1658a0;} .tree_01 .tree_item.on>h3>a{ background-color: #ECF6FF; margin-right: 0rem; padding-right: .52rem; color: #1658a0;} .tree_01 .tree_item.on>h3>a i.trt-icon-arrow{ right: .32rem;} .tree_01 .tree_sub{ width: 6.24rem; padding: .16rem .4rem; background-color: #ECF6FF; border-radius: 0rem .08rem .08rem .08rem;} .tree_01 .tree_sub dl dt{ color: #1658a0; border-bottom: 1px solid rgba(22,88,160,.5); border-bottom: 1px solid #1658a0\0; margin-bottom: .12rem;} .tree_01 .tree_sub dl dt a{ color: #1658a0; font-size: .16rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .tree_01 .tree_sub dl dt a i{ font-weight: normal; margin-right: .12rem;} .tree_01 .tree_sub dl dd{ line-height:.44rem; color: #666666;} .tree_01 .tree_sub dl dd a{ color: #666666; font-size: .16rem;} .tree_02{ background-color: #ffffff; box-shadow: 0rem 0rem .1rem rgba(0,0,0,.05); border-radius: .2rem; padding: .2rem 0rem;} .tree_02 .tree_item{ margin-bottom:.16rem; line-height: .48rem;} .tree_02 .tree_item>h3{ font-weight: normal;} .tree_02 .tree_item>h3>a{ display: block; font-size: .18rem; position: relative; padding-left: .32rem;} .slb .tree_02 .tree_item>h3>a{ padding-left: .2rem;} .tree_02 .tree_item>h3>a i.trt-icon-zhengfuxinxigongkai{ font-size:.24rem; margin-right: .12rem; position: relative; top: -.02rem;} .tree_02 .tree_item>h3>a i.trt-icon-arrow-down{ position: absolute; font-size: .16rem; right: .18rem; top:.12rem; color: #999999;} .slb .tree_02 .tree_item>h3>a i.trt-icon-arrow-down{ right: .16rem;} .tree_02 .tree_item.on>h3>a i.trt-icon-arrow-down{ transform:rotate(180deg); color: #1658a0;} .tree_02 .tree_item>h3>a:hover,.tree_02 .tree_item.on>h3>a{ color: #1658a0; font-weight: bold;} .tree_02 .tree_item>h3>a:hover i,.tree_02 .tree_item.on>h3>a i{ font-weight: normal;} .tree_02 .tree_item>ul,.tree_02 .tree_item>ul>li>ul{ display: none;} .tree_02 .tree_item>ul>li>a{ padding-left: .68rem; line-height: .24rem; padding-right: .12rem; padding-top: .1rem; padding-bottom: .1rem; position: relative; font-size: .16rem; display: block;} .slb .tree_02 .tree_item>ul>li>a{ padding-left:.34rem;} .slb .tree_02 .tree_item>ul>li>a:before{ left: .22rem;} .tree_02 .tree_item>ul>li.on>a{ background-color: #ECF6FF; color: #1658a0; font-weight: bold;} .tree_02 .tree_item>ul>li>a:before{ content: ''; position: absolute; width: .04rem; height: .04rem; background-color: #666666; left:.52rem; border-radius: 100%; top: .2rem;} .tree_02 .tree_item>ul>li.on ul{ background-color: #ECF6FF; padding-bottom: .1rem;} .tree_02 .tree_item>ul>li.on ul>li>a{ padding-left: .72rem; padding-right: .1rem; line-height: .28rem; padding-top: .05rem; padding-bottom: .05rem; font-size: .14rem; display: block;} .slb .tree_02 .tree_item>ul>li.on ul>li>a{ padding-left: .5rem;} .tree_02 .tree_item>ul>li.on ul>li.on>a{ color: #1658a0;} .tree_03{ background-color: #ffffff; box-shadow: 0 0 .1rem rgba(0,0,0,.05); border-radius: .2rem; padding:.32rem;} .tree_03 .tree_item{ line-height: .56rem;} .tree_03 .tree_item>h3>a{ display: block; font-size: .18rem; position: relative; padding-left: .32rem; padding-right: .42rem;} .tree_03 .tree_item>h3>a i{ font-weight: normal;} .tree_03 .tree_item>h3>a i.trt-icon-zhengfuxinxigongkai{ font-size: .24rem; margin-right:.12rem; position: relative; top: -.02rem; color: #666666;} .tree_03 .tree_item>h3>a i.trt-icon-arrow-down{ position: absolute; font-size: .16rem; right: .24rem; top:.12rem; color: #999999;} .tree_03 .tree_item.on>h3>a i.trt-icon-arrow-down{ transform:rotate(180deg); color: #1658a0;} .tree_03 .tree_item>h3>a:hover,.tree_03 .tree_item.on>h3>a{ color: #1658a0; font-weight: bold; background-color: #ECF6FF; border-radius: .12rem;} .tree_03 .tree_item>h3>a:hover i,.tree_03 .tree_item.on>h3>a i{ font-weight: normal;} .tree_03 .tree_item>h3>a:hover i,.tree_03 .tree_item.on>h3>a i{ color: #1658a0;} .tree_03 .tree_item>ul,.tree_03 .tree_item>ul>li>ul{ display: none;} .tree_03 .tree_item>ul{ position: relative; padding-left:.52rem; padding-top: .16rem;} .tree_03 .tree_item>ul:before{ content: ''; width: 2px; background-color: #f0f0f0; top:0rem; position: absolute; left: .52rem;bottom: .32rem; bottom: .26rem\0; z-index: 5;} .tree_03 .tree_item>ul>li{ position: relative; margin-left: .02rem; overflow: hidden; padding-left: .16rem;} .tree_03 .tree_item>ul>li:before{ content: ''; width: .6rem; height: .6rem; border-bottom: 2px solid #f0f0f0; border-left: 2px solid #f0f0f0; top:-.32rem;position: absolute; left: -.02rem; border-radius: .12rem;} .tree_03 .tree_item>ul>li>a{ padding-left:.12rem; line-height:.28rem; padding-top: .14rem; padding-bottom: .14rem; position: relative; font-size: .16rem; display: block; background-color: #ffffff; font-weight: bold;} .tree_03 .tree_item>ul>li.on>a{ background-color: #ECF6FF; color: #1658a0; border-radius: .12rem;} .tree_03 .tree_item>ul>li.on ul>li>a{ padding-left:.24rem; line-height:.24rem; padding-top: .07rem; padding-bottom: .07rem; font-size: .14rem; display: block;} .tree_03 .tree_item>ul>li>ul{ padding-top: .08rem;} @media screen and (max-width:1280px) { .tree_02 .tree_item>h3>a{ padding-left: .2rem;} } @media screen and (max-width:992px) { .directory_tree .tree_base{ } .directory_tree .tree_base>ul{ position: fixed; right: 100%; width: 100%; top: 0rem; bottom: 0rem; padding:.6rem .2rem; background-color: rgba(0,0,0,.8); z-index: 999; overflow-y: auto;} .directory_tree .tree_base .tree_icon{ display: block; } .tree_01,.tree_02,.tree_03{ padding: 0rem; box-shadow: none; background-color: transparent;} .tree_01 .tree_item>h3>a,.tree_01 .tree_sub{ border-radius: .08rem;} .tree_horizontal .tree_sub{ left: 0rem; position: inherit;} .tree_01 .tree_sub{ width: 100%;} .directory_tree .tree_base .tree_sub{ position: inherit; padding:0 .24rem;} .tree_01 .tree_sub dl dd{ padding-left: .24rem;} .tree_01 .tree_item>h3>a{ margin-right: 0rem;} .tree_03 .tree_item>h3>a,.tree_02 .tree_item>h3>a{ padding-left: .1rem;} .tree_01 .tree_item>h3>a i.trt-icon-arrow,.tree_03 .tree_item>h3>a i.trt-icon-arrow-down,.tree_02 .tree_item>h3>a i.trt-icon-arrow-down{ right:.12rem;} .directory_tree .tree_base a,.tree_01 .tree_item>h3>a i.trt-icon-zhengfuxinxigongkai,.tree_01 .tree_item>h3>a i.trt-icon-arrow,.tree_03 .tree_item>h3>a i.trt-icon-zhengfuxinxigongkai,.tree_03 .tree_item>h3>a i.trt-icon-arrow-down,.tree_02 .tree_item>h3>a i.trt-icon-arrow-down{ color: #ffffff;} .tree_01 .tree_item.on>h3>a i.trt-icon-zhengfuxinxigongkai,.tree_01 .tree_item.on>h3>a i.trt-icon-arrow,.tree_01 .tree_item>h3>a:hover i.trt-icon-zhengfuxinxigongkai,.tree_01 .tree_item>h3>a:hover i.trt-icon-arrow,.tree_03 .tree_item>h3>a:hover i, .tree_03 .tree_item.on>h3>a i{ color: #1658a0;} .tree_01 .tree_item.on>h3>a i.trt-icon-arrow{ right: .12rem;} .tree_01 .tree_item>h3>a:hover,.tree_02 .tree_item.on>h3,.tree_02 .tree_item:hover>h3{ background-color: #ECF6FF; color: #1658a0; border-radius: .08rem;} .tree_02 .tree_item>ul>li>a:before{ background-color: #ffffff;} .tree_02 .tree_item>ul>li.on ul>li>a{ color: #333;} .tree_02 .tree_item>ul>li.on>a:before{ background-color: #1658a0;} .tree_02 .tree_item>ul>li.on>a,.tree_02 .tree_item>ul>li.on ul>li.on>a{color: #1658a0;} .tree_03 .tree_item>ul>li{ margin-bottom: .08rem;} .tree_03 .tree_item>ul>li>a{ border-radius: .08rem; color: #1658a0;} .tree_02 .tree_item>ul>li.on>a{ border-radius: .08rem .08rem 0rem 0rem;} .tree_02 .tree_item>ul>li.on ul{ border-radius: 0rem 0rem .08rem .08rem;} .directory_tree .tree_base .tree_icon .btn_base{padding: .05rem .08rem .06rem .08rem;} .directory_tree .tree_base .tree_icon .btn_base .caret{ margin-right: 0rem;} .trt-icon-dacha:before{content: "\e73e" !important;} } /*分页组件*/ .page_base{ margin:.32rem auto; color: #555555; text-align: center;} .page_base .page_tools{ display: inline-block; *float: left; margin-right:.3rem; font-size: 0rem;} .page_base .page_tools li{ display: inline-block; margin:0rem .05rem;} .page_base .page_tools li a{ font-size: .16rem; display: inline-block; line-height:.18rem; padding: .1rem .14rem; border: 1px solid #d9d9d9; background-color: #ffffff; color: #555555; border-radius:.04rem;} .page_base .page_tools li.active a,.page_base .page_tools li a:hover{ background-color: #1658a0; border: 1px solid #1658a0; color: #ffffff;} .page_base .page_tools li.disabled>a, .page_base .page_tools li.disabled>a:focus, .page_base .page_tools li.disabled>a:hover, .page_base .page_tools li.disabled>span, .page_base .page_tools li.disabled>span:focus, .page_base .page_tools li.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;} .page_base .page_tools li.prev em,.page_base .page_tools li.next em{ font-style: normal; font-family: simsun; font-size:.12rem; margin:0rem .08rem;} .page_base .page_tools li.prev em{ margin-left: 0rem;} .page_base .page_tools li.next em{ margin-right: 0rem;} .page_base .page_go{ display: inline-block; line-height:.2rem; padding: .1rem .12rem; *float: left;} .page_base .page_go span{ display: inline-block; font-size: .16rem;} .page_base .page_go .form_control{ min-width:.4rem; max-width: .6rem; line-height:.2rem; padding: .1rem .12rem; text-align: center; display: inline-block; margin: 0rem .08rem .04rem .08rem;caret-color:transparent;} .page_base .fy_go{ display: inline-block; background-color: #1658a0; line-height:.2rem; padding: .1rem; text-align: center; margin: 0rem .08rem; font-size: .16rem; color: #ffffff; cursor: pointer; border-radius: .04rem; *margin-top: -.45rem;} .slb .page_go{ display: none;} @media screen and (max-width:1280px) { .slb .page_base .page_tools{ float: inherit; text-align: center; margin: 0rem;} .slb .page_base .page_tools li,.page_base .page_go{ display: none;} .slb .page_base .page_tools li.prev,.slb .page_base .page_tools li.next{ display:inline-block;} } @media screen and (max-width:992px) { .page_base{ text-align: center; margin: .16rem auto;} .page_base .page_tools{ float: inherit; text-align: center; margin: 0rem;} .page_base .page_tools li,.page_base .page_go{ display: none;} .page_base .page_tools li.prev,.page_base .page_tools li.next{ display:inline-block;} .page_base .page_tools li a{ height: auto;} .slb .page_base .page_tools li a{ font-size: .14rem;} } @media screen and (max-width:360px) { .slb .page_base .page_tools li a{ padding:.08rem;} } /*大号分页*/ .page_large .page_tools li a,.page_large .page_go .form_control,.page_large .fy_go{ padding: .16rem .18rem; border-radius: .08rem; font-size: .18rem;} .page_large .page_go span,.page_large .fy_go,.page_large .page_go .form_control{ font-size: .18rem;} .page_large .page_go .form_control{ width: .6rem; height:.52rem;} /*小号分页*/ .page_small .page_tools li{ margin: 0rem .04rem;} .page_small .page_tools li a,.page_small .page_go span,.page_small .fy_go,.page_small .page_go .form_control{ padding: .04rem .08rem; border-radius: .04rem; font-size: .14rem;} .page_small .page_go span,.page_small .fy_go,.page_small .page_go .form_control{ padding: .04rem;} .page_small .page_go .form_control{ width:.3rem;} .page_xs .page_go{ display: none;} /**面包屑**/ .breadcrumb { padding:.06rem .16rem .16rem .04rem; margin-bottom: .2rem; border-bottom: 1px solid #dcdcdc; overflow: hidden; line-height: .26rem;} .breadcrumb span{display: block; float: left;} .breadcrumb ul{ overflow: hidden; color: #999999;} .breadcrumb li{ display: inline-block; color: #999999; font-size: .16rem;} .breadcrumb span i{ font-size: .2rem; color: #999999; margin-right: .08rem;} .breadcrumb li a{ color: #999999;} .breadcrumb li.active a{ color: #333333;} .breadcrumb li+li:before { color: #ccc; content: ">\00a0"; font-size: .14rem;} .slb .breadcrumb{ padding-top: 0rem; margin-bottom: .12rem;} @media screen and (max-width: 1366px){ .slb .breadcrumb{ padding-top: .2rem;} } @media screen and (max-width:992px) { .breadcrumb{ display: none;} } /*选项卡（tabs）*/ .tabs{} .tabs .tabs_header{ position: relative; margin-bottom:.2rem; overflow: hidden;} .tabs .tabs_header ul{ white-space: nowrap; position: relative; transition: transform .3s; z-index: 2; font-size: 0rem;} .tabs .tabs_header:after{ content: ''; position: absolute; z-index: 1; left: 0rem; right: 0rem; bottom: 0rem; height: 1px; background-color: #C4C4C4;} .tabs .tabs_header>ul>li{ float: left; position: relative;font-size: .2rem;margin-right: .2rem; line-height:.56rem;} .tabs .tabs_header>ul>li>a{ display: block;} .tabs .tabs_header>ul>li.on a,.tabs .tabs_header>ul>li>a:hover{ color: #1658a0; font-weight: bold;} .tabs .tabs_header>ul>li.on:before{ content: ''; position: absolute; z-index:2; left: 0rem; right: 0rem; bottom: 0rem; height: 4px; background-color: #1658a0;} .tabs .tabs_header>ul>li>a>i{ font-size: .24rem; margin-right: .06rem;} .tabs .tabs_header.tab_horizontal_large li{ margin-right: .32rem; font-size: .24rem;} .tabs .tabs_header.tab_horizontal_large li i{ font-size: .32rem; margin-right: .1rem;} .tabs .tabs_header.tab_horizontal_base li{ margin-right: .24rem;} .tabs .tabs_header.tab_horizontal_small li{ margin-right: .18rem;} .tabs .tabs_header.tab_horizontal_xs li{ margin-right: .1rem;} .tabs .tabs_header li:last-child{ margin-right: 0rem;} .tabs .tabs_header.tab_vertical_large li{ padding:.2rem;} .tabs .tabs_header.tab_vertical_base li{ padding: .16rem;} .tabs .tabs_header.tab_vertical_small li{ padding: .12rem;} .tabs .tabs_header.tab_vertical_xs li{ padding:.08rem;} .tabs .tabs_header{ position: relative;} .tabs .tabs_header .more{ position: absolute; top: 0rem; right: .1rem; font-size: .16rem; z-index: 9; line-height: .56rem;} .tabs .tabs_header .more a{ color: #999999; display: block;} .tabs .tabs .tabs_header>ul>li{ font-size: .18rem; margin-right: 0rem;} .slb .tabs .tabs_header ul{ overflow-x: auto; overflow-y: hidden;} .slb .tabs .tabs_header>ul>li{ float: none; display: inline-block;} /*选项卡皮肤*/ .tab_skin_01 .tabs_header{ background-color: #F2F2F2;} .tab_skin_01 .tabs_header:after{ display: none;} .tab_skin_01 .tabs_header>ul>li{ margin: 0rem .2rem;} .tab_skin_01 .tabs_header>ul>li.on:before{ height: 2px;} .tab_skin_01 .tabs_header>ul>li a{ padding: 0rem .08rem;} .slb .tab_skin_01 .tabs_header>ul>li{ margin-right: 0rem; margin-left: .1rem;} .tab_skin_02 .tabs_header{ border-left: 4px solid #1658a0;background: rgba(74,161,255,.2); background: -moz-linear-gradient(left, rgba(74,161,255,.2) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,161,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(74,161,255,.2) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(74,161,255,.2) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(74,161,255,.2) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(74,161,255,.2) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa1ff', endColorstr='#ffffff', GradientType=1 ); } .tab_skin_02 .tabs_header:after,.tab_skin_02 .tabs_header>ul>li.on:before{ display: none;} .tab_skin_02 .tabs_header>ul>li{ margin: 0rem .2rem;} .slb .tab_skin_02 .tabs_header>ul>li{ margin-right: 0rem;} .tab_skin_03 .tabs_header{ padding-left: .12rem;} .tab_skin_03 .tabs_header:after{ content: ''; position: absolute; z-index: 1; left: 0rem; right: 0rem; bottom: 0rem; height: 1px; background-color: #C4C4C4;} .tab_skin_03 .tabs_header li.on:before{ display: none;} .tab_skin_03 .tabs_header li a{ padding: 0rem .2rem; min-width: 1.22rem; text-align: center;} .tab_skin_03 .tabs_header li.on{ border-bottom: 1px solid #ffffff; border-left: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; border-top: 2px solid #1658a0;} .slb .tab_skin_03 .tabs_header>ul>li{ margin-right: 0rem;} .tab_skin_04 .tabs_header{ } .tab_skin_04 .tabs_header:after{ content: ''; position: absolute; z-index: 1; left: 0rem; right: 0rem; bottom: 0rem; height: 1px; background-color: #E8E8E8;} .tab_skin_04 .tabs_header>ul>li{ border-right: 1px solid #e4e7ed; border-top: 1px solid #e4e7ed; background-color: #F6F6F6; margin-right: 0rem;} .tab_skin_04 .tabs_header li.on:before{ display: none;} .tab_skin_04 .tabs_header li:first-child{ border-left: 1px solid #e4e7ed;} .tab_skin_04 .tabs_header li a{ padding: 0rem .2rem; min-width: 1.22rem; text-align: center;} .tab_skin_04 .tabs_header li.on{ border-bottom: 1px solid #ffffff; background-color: #ffffff;} .tab_skin_05 .tabs_header{ border: 1px solid #E8E8E8; border-left: 4px solid #1658a0;} .tab_skin_05 .tabs_header:after,.tab_skin_05 .tabs_header>ul>li.on:before{ display: none;} .tab_skin_05 .tabs_header>ul>li{ margin: 0rem; padding: 0rem .36rem;} .tab_skin_05 .tabs_header>ul>li:after{ content: ''; position: absolute; right: 0rem; width: 1px; height: .16rem; margin-top: -.08rem; top: 50%; background-color: #E1E1E1;} .tab_skin_05 .tabs_header>ul>li:last-child:after{ display: none;} .tab_skin_06 .tabs_header{ line-height: .4rem; padding-bottom: .06rem;} .tab_skin_06 .tabs_header:after{background-color: #F2F2F2; height: .4rem; top: 0rem; bottom: inherit;} .tab_skin_06 .tabs_header>ul>li{font-size: .16rem; margin: 0rem; line-height: inherit;} .tab_skin_06 .tabs_header>ul>li a{ padding: 0rem .32rem; color: #666666;} .tab_skin_06 .tabs_header>ul>li.on a{ color: #ffffff; background-color: #1658a0;} .tab_skin_06 .tabs_header>ul>li.on:after{ content: ''; position: absolute; width: .1rem; height: .1rem; background-color: #1658a0; bottom: -.04rem; transform: rotate(-45deg); -ms-transform: rotate(-45deg); left:50%; margin-left: -.05rem; display: none\0;} .tab_skin_06 .tabs_header .more{ line-height: .4rem;} .tab_skin_07 .tabs_header{ } .tab_skin_07 .tabs_header>ul>li{ margin: 0rem .2rem;} .tabs.tab_skin_07 .tabs_header>ul>li.on:before{ height: 7px; width: .48rem; left: 50%; margin-left: -.24rem; border-radius: 4px;} .tab_skin_07 .tabs_header>ul>li a{ padding: 0rem .08rem; font-size: .24rem; font-weight: bold;} .slb .tab_skin_07 .tabs_header>ul>li{ margin-right: 0rem; margin-left: .1rem;} @media screen and (max-width:992px) { .tabs .tabs_header{} .tabs .tabs_header>ul{ white-space: nowrap; overflow-x: auto;} .tabs .tabs_header>ul::-webkit-scrollbar{ display: none;} .tabs .tabs_header>ul>li{ float: inherit; display: inline-block; margin: 0rem .08rem;} .tabs .tabs_header .more{ display: none;} .tab_skin_01 .tabs_header>ul>li,.tab_skin_03 .tabs_header>ul>li,.tab_skin_04 .tabs_header>ul>li,.tab_skin_05 .tabs_header>ul>li,.tab_skin_06 .tabs_header>ul>li{ margin: 0rem;} .tab_skin_03 .tabs_header{ padding-left: 0rem;} .tab_skin_03 .tabs_header li a,.tab_skin_04 .tabs_header li a{ min-width: inherit; padding: 0rem .12rem;} .tab_skin_05 .tabs_header>ul>li,.tab_skin_06 .tabs_header>ul>li a{ padding: 0rem .16rem;} .tab_skin_06 .tabs_header{ margin-bottom: 0rem;} } /*标签组（tags）*/ .tags .tags_item{ position: relative; vertical-align: middle; display: inline-block; margin-right: .2rem; margin-bottom: .12rem;} .tags .tags_item sup{ background-color: #ba2b29; border-radius:.12rem; color: #fff; display: inline-block; font-size:.12rem; height:.24rem; line-height:.2rem; padding: 0rem .08rem; text-align: center; white-space: nowrap; border: 1px solid #fff; position: absolute; top: 0rem; right: .1rem; transform: translateY(-50%) translateX(100%); -ms-transform: translateY(-50%) translateX(100%);} .tags .tags_item sup.sup_primary{ background-color: #1658a0;} .tags .tags_item sup.sup_success{ background-color: #63b259;} .tags .tags_item sup.sup_warning{ background-color: #e96525;} .tags .tags_item sup.sup_danger{ background-color: #ba2b29;} .tags .tags_item sup.sup_info{ background-color: #909399;} .badge_group .badge_item{ position: relative; vertical-align: middle; display: inline-block; margin-right: .12rem; margin-bottom: .12rem;} .badge_group .badge_item sup{ background-color: #ba2b29; border-radius:.12rem; color: #fff; display: inline-block; font-size:.12rem; height:.24rem; line-height:.2rem; padding: 0rem .08rem; text-align: center; white-space: nowrap; border: 1px solid #fff; position: absolute; top: -.1rem; right: -.1rem;} .badge_group .badge_item sup{} .badge_group .badge_item sup.sup_default{ background-color: #ebeef5; color: #999999;} .badge_group .badge_item sup.sup_primary{ background-color: #1658a0;} .badge_group .badge_item sup.sup_success{ background-color: #63b259;} .badge_group .badge_item sup.sup_warning{ background-color: #e96525;} .badge_group .badge_item sup.sup_danger{ background-color: #ba2b29;} .badge_group .badge_item sup.sup_info{ background-color: #909399;} /**按钮**/ .btn_base{display: inline-block; white-space: nowrap; cursor: pointer; transition: .3s all; border:1px solid transparent; background-color: transparent; color: #333333; -webkit-appearance: none; text-align: center; padding:.08rem .2rem; border-radius: 4px; font-size: .16rem; line-height: .2rem;} .btn_base+.btn_base{ margin-left: .1rem;} .btn_default{ border:1px solid #dcdfe6; background-color: #ffffff;} .btn_primary{ background-color: #1658a0; border-color: #1658a0;} .btn_large{ padding: .12rem .3rem; font-size: .18rem;} .btn_small{ padding: .02rem .1rem; font-size: .14rem;} .btn_base:hover{-webkit-filter: brightness(110%); filter: brightness(110%);} .btn_default:hover{ color: #1658a0; border-color: #1658a0; background-color: #e7f1fc; -webkit-filter: brightness(100%); filter: brightness(100%);} .btn_primary:hover{-webkit-filter: brightness(120%); filter: brightness(120%);} .btn_success{ background-color: #63b259; border-color: #63b259;} .btn_warning{ background-color: #e96525; border-color: #e96525;} .btn_danger{ background-color: #ba2b29; border-color: #ba2b29;} .btn_info{ background-color:#909399; border-color: #909399; color: #ffffff; -webkit-filter: brightness(100%); filter: brightness(100%);} .btn_outline_primary{ color: #1658a0; border-color: #1658a0;} .btn_outline_default{border-color: #dcdfe6; color: #606266;} .btn_outline_success{border-color: #63b259; color: #63b259; background-color: #f0f9eb;} .btn_outline_warning{border-color: #e96525; color: #e96525; background-color: #fdf6ec;} .btn_outline_danger{border-color: #ba2b29; color: #ba2b29; background-color: #fef0f0;} .btn_outline_info{border-color: #cccccc; color: #666666; background-color: #f4f4f5;} .btn_outline_default:hover{ border-color: #1658a0; color: #1658a0;} .btn_outline_success:hover{ background-color: #63b259;} .btn_outline_warning:hover{ background-color: #e96525;} .btn_outline_danger:hover{ background-color: #ba2b29;} .btn_primary,.btn_success,.btn_warning,.btn_danger,.btn_outline_success:hover,.btn_outline_warning:hover,.btn_outline_danger:hover{ color: #ffffff;} .btn_outline_info:hover{ background: #909399; border-color: #909399; color: #fff} .btn_not_allowed:hover{ cursor: not-allowed; -webkit-filter: brightness(100%); filter: brightness(100%)} .btn_base.is_round{ border-radius: .1rem; padding:.08rem .24rem;} .btn_text{ padding: 0rem; color: #1658a0;} .btn_base.is_circle{ border-radius: 50%; padding:.1rem .12rem;} .btn_base.is_disabled,.btn_base.is_disabled:focus,.btn_base.is_disabled:hover { cursor: not-allowed; -webkit-filter: brightness(100%); filter: brightness(100%)} .btn_default.is_disabled,.btn_default.is_disabled:focus,.btn_default.is_disabled:hover{ background-image: none; background-color: #fff; border-color: #ebeef5} .btn_primary.is_disabled,.btn_primary.is_disabled:active,.btn_primary.is_disabled:focus,.btn_primary.is_disabled:hover { color: #fff; background-color: #539ae7; border-color: #539ae7} .btn_success.is_disabled,.btn_success.is_disabled:active,.btn_success.is_disabled:focus,.btn_success.is_disabled:hover { color: #fff; background-color: #a4da9d; border-color: #a4da9d} .btn_warning.is_disabled,.btn_warning.is_disabled:active,.btn_warning.is_disabled:focus,.btn_warning.is_disabled:hover { color: #fff; background-color: #e5c597; border-color: #e5c597} .btn_danger.is_disabled,.btn_danger.is_disabled:active,.btn_danger.is_disabled:focus,.btn_danger.is_disabled:hover { color: #fff; background-color: #d48988; border-color: #d48988} .btn_info.is_disabled,.btn_info.is_disabled:active,.btn_info.is_disabled:focus,.btn_info.is_disabled:hover { color: #fff; background-color: #bfc0c2; border-color: #bfc0c2} .btn_outline_default.is_disabled,.btn_outline_default.is_disabled:focus,.btn_outline_default.is_disabled:hover{ border-color: #dcdfe6; color: #606266;} .btn_outline_primary.is_disabled,.btn_outline_primary.is_disabled:active,.btn_outline_primary.is_disabled:focus,.btn_outline_primary.is_disabled:hover { border-color: #539ae7; } .btn_outline_success.is_disabled,.btn_outline_success.is_disabled:active,.btn_outline_success.is_disabled:focus,.btn_outline_success.is_disabled:hover { border-color: #a4da9d; color: #63b259; background-color: #f0f9eb;} .btn_outline_warning.is_disabled,.btn_outline_warning.is_disabled:active,.btn_outline_warning.is_disabled:focus,.btn_outline_warning.is_disabled:hover { border-color: #e5c597; color: #e96525; background-color: #fdf6ec;} .btn_outline_danger.is_disabled,.btn_outline_danger.is_disabled:active,.btn_outline_danger.is_disabled:focus,.btn_outline_danger.is_disabled:hover { border-color: #d48988; color: #ba2b29; background-color: #fef0f0;} .btn_outline_info.is_disabled,.btn_outline_info.is_disabled:active,.btn_outline_info.is_disabled:focus,.btn_outline_info.is_disabled:hover { border-color: #bfc0c2; color: #666666; background-color: #f4f4f5;} @media screen and (max-width:992px) { .btn_base{ padding: .06rem .14rem;} .btn_base+.btn_base{ margin-bottom: .1rem;} .btn_large{ padding: .12rem .3rem;} .slb .btn_base{ font-size: .14rem;} .slb .btn_large{ padding: .08rem .3rem;} .badge_group .badge_item sup{ top: -.16rem;} } @media screen and (max-width:375px) { .slb .btn_large{ padding: .08rem .24rem;} } @media screen and (max-width:360px) { .slb .title_name{ padding-right: 0rem;} .slb .btn_base{padding: .06rem .1rem;} .slb .btn_large{ padding: .08rem .16rem;} } /*单选按钮radio*/ .radio_base,.checkbox_base{ display: inline-block; margin-right: .2rem; position: relative\0;} [class*="icheck_"]{min-height:.2rem; padding-left: 0rem;} .icheck_inline{display: inline-block;} .icheck_inline + .icheck_inline{margin-left: .075rem; margin-top:.5rem;} [class*="icheck_"] > label{padding-left:.26rem !important;min-height:.16rem;line-height:.16rem;display: inline-block;position: relative;vertical-align: top;margin-bottom: 0rem;font-weight: normal;cursor: pointer;} [class*="icheck_"] > label{padding-left:0rem\0;} [class*="icheck_"] > input:first-child{position: absolute !important; opacity: 0; filter:alpha(opacity=0); margin: 0rem;} [class*="icheck_"] > input:first-child{ opacity: 1\0; filter:alpha(opacity=100);} [class*="icheck_"] > input:first-child:disabled{cursor: default;} [class*="icheck_"] > input:first-child + label:before, [class*="icheck_"] > input:first-child + input[type="hidden"] + label:before{content: ""; display: inline-block; position: absolute; width: .16rem; height: .16rem; border: 1px solid #D3CFC8; border-radius: 4px; margin-left: -.26rem;} [class*="icheck_"] > input:first-child + label:before, [class*="icheck_"] > input:first-child + input[type="hidden"] + label:before{margin-left: 0rem\0; display:none\0;} [class*="icheck_"] > input:first-child:checked + label:after, [class*="icheck_"] > input:first-child:checked + input[type="hidden"] + label:after{content: "";display: inline-block;position: absolute;top: 0rem;left: 0rem;width: .04rem;height: .07rem;border: solid 2px #fff;border-left: none;border-top: none;transform: translate(.06rem, .03rem) rotate(45deg);-ms-transform: translate(.06rem, .02rem) rotate(45deg);} [class*="icheck_"] > input[type="radio"]:first-child + label:before,[class*="icheck_"] > input[type="radio"]:first-child + input[type="hidden"] + label:before{border-radius: 50%;} [class*="icheck_"] > input:first-child:not(:checked):not(:disabled):hover + label:before,[class*="icheck_"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-width: 2px; box-shadow: 0 0 10px rgba(0,0,0,.2);} [class*="icheck_"] > input:first-child:disabled + label, [class*="icheck_"] > input:first-child:disabled + input[type="hidden"] + label, [class*="icheck_"] > input:first-child:disabled + label:before, [class*="icheck_"] > input:first-child:disabled + input[type="hidden"] + label:before{pointer-events: none; cursor: default; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;} .icheck_default > input:first-child:not(:checked):not(:disabled):hover + label:before, .icheck_default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-color: #adadad;} .icheck_default > input:first-child:checked + label:before, .icheck_default > input:first-child:checked + input[type="hidden"] + label:before{background-color: #e6e6e6; border-color: #adadad;} .icheck_default > input:first-child:checked + label:after, .icheck_default > input:first-child:checked + input[type="hidden"] + label:after{border-bottom-color: #333; border-right-color: #333;} .icheck_primary > input:first-child:not(:checked):not(:disabled):hover + label:before, .icheck_primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-color: #1658a0;} .icheck_primary > input:first-child:checked + label:before, .icheck_primary > input:first-child:checked + input[type="hidden"] + label:before{background-color: #1658a0; border-color: #1658a0;} .icheck_success > input:first-child:not(:checked):not(:disabled):hover + label:before, .icheck_success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-color: #63b259;} .icheck_success > input:first-child:checked + label:before, .icheck_success > input:first-child:checked + input[type="hidden"] + label:before{background-color: #63b259; border-color: #63b259;} .icheck_info > input:first-child:not(:checked):not(:disabled):hover + label:before, .icheck_info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-color: #909399;} .icheck_info > input:first-child:checked + label:before, .icheck_info > input:first-child:checked + input[type="hidden"] + label:before{background-color: #909399; border-color: #909399;} .icheck_warning > input:first-child:not(:checked):not(:disabled):hover + label:before, .icheck_warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-color: #e96525;} .icheck_warning > input:first-child:checked + label:before, .icheck_warning > input:first-child:checked + input[type="hidden"] + label:before{background-color: #e96525; border-color: #e96525;} .icheck_danger > input:first-child:not(:checked):not(:disabled):hover + label:before, .icheck_danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label:before{border-color: #ba2b29;} .icheck_danger > input:first-child:checked + label:before, .icheck_danger > input:first-child:checked + input[type="hidden"] + label:before{background-color: #ba2b29; border-color: #ba2b29;} .radio_base label{ width: initial !important; width: inherit\9 !important; display: inline-block !important; float: initial !important; float: inherit\9 !important;} [class*="icheck_"] > input:first-child{ top: 50%; margin-top: -.06rem;} /*兼容ie10，ie11*/ @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { .radio_base label{ width: inherit !important; float: inherit !important;} } .radio_base.is_disabled,.checkbox_base.is_disabled,.radio_base.is_disabled label,.checkbox_base.is_disabled label{ cursor: not-allowed;} .radio_base.is_disabled input + label:before,.checkbox_base.is_disabled input + label:before{border: 1px solid #D3CFC8; box-shadow:none} .radio_base.is_disabled input + label:before,.checkbox_base.is_disabled input + label:before{ display:none\0;} .radio_group,.checkbox_group{display: inline-block; line-height: 1; vertical-align: middle; font-size: 0rem} .radio_button,.radio_button_inner,.checkbox_button,.checkbox_button_inner{position: relative; display: inline-block; outline: none} .radio_button_inner,.checkbox_button_inner{line-height: 1; white-space: nowrap; vertical-align: middle; background: #fff; border: 1px solid #dcdfe6; font-weight: 500; border-left: 0rem; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; margin: 0rem; cursor: pointer; transition: all .3s cubic-bezier(.645,.045,.355,1); padding:.12rem .2rem; font-size: .14rem; border-radius: 0rem} .radio_button_inner.is-round,.checkbox_button_inner.is-round{padding: .12rem .2rem} .radio_button_inner:hover,.checkbox_button_inner:hover{color: #1658a0} .radio_button_inner [class*=icon-],.checkbox_button_inner [class*=icon-]{line-height: .9} .radio_button_inner [class*=icon-]+span,.checkbox_button_inner [class*=icon-]+span{margin-left:.04rem} .radio_button:first-child .radio_button_inner,.checkbox_button:first-child .checkbox_button_inner{border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; box-shadow: none!important} .radio_button_orig_radio,.checkbox_button_original{opacity: 0; filter:alpha(opacity=0); outline: none; position: absolute; z-index: -1} .radio_button_orig_radio:checked+.radio_button_inner,.checkbox_button_original:checked+.checkbox_button_inner{color: #fff; background-color: #1658a0; border-color: #1658a0; box-shadow: -1px 0 0 0 #1658a0} .radio_button_orig_radio:disabled+.radio_button_inner,.checkbox_button_original:disabled+.checkbox_button_inner{color: #c0c4cc; cursor: not-allowed; background-image: none; background-color: #fff; border-color: #ebeef5; box-shadow: none} .radio_button_orig_radio:disabled:checked+.radio_button_inner,.checkbox_button_original:disabled:checked+.checkbox_button_inner{background-color: #f2f6fc} .radio_button:last-child .radio_button_inner,.checkbox_button:last-child .checkbox_button_inner{border-radius: 0 4px 4px 0} .radio_button:first-child:last-child .radio_button_inner,.checkbox_button:first-child:last-child .checkbox_button_inner{border-radius: 4px} .radio_middle .radio_button_inner,.checkbox_middle .checkbox_button_inner{padding: .1rem .2rem; font-size: .14rem; border-radius: 0rem;} .radio_middle .radio_button_inner.is_round,.checkbox_middle .checkbox_button_inner.is_round{padding: .1rem .2rem} .radio_small .radio_button_inner,.checkbox_small .checkbox_button_inner{padding:.08rem .16rem; font-size: .12rem; border-radius: 0rem;} .radio_small .radio_button_inner.is_round,.checkbox_small .checkbox_button_inner.is_round{padding: .08rem .16rem} .radio_xs .radio_button_inner,.checkbox_xs .checkbox_button_inner{padding: .04rem .12rem; font-size: .12rem; border-radius: 0rem;} .radio_xs .radio_button_inner.is_round,.checkbox_xs .checkbox_button_inner.is-round{padding: .04rem .12rem} .radio_button:focus:not(.is_focus):not(:active):not(.is_disabled),.checkbox_button:focus:not(.is_focus):not(:active):not(.is_disabled){box-shadow: 0 0 2px 2px #1658a0} /**输入框**/ .input_base{ position: relative; font-size: .16rem; display: inline-block; width: 100%;} input[type="text"].input_inner{ -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #cccccc; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: .4rem; line-height: .4rem; outline: none; padding: 0rem .08rem 0rem .16rem; transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} input[type="text"].input_inner::placeholder{color: #c0c4cc} input[type="text"].input_inner:hover{border-color: #c0c4cc} input[type="text"].input_inner:focus{outline: none; border-color: #1658a0} .input_large input[type="text"].input_inner{ height: .56rem; line-height: .56rem; font-size: .18rem;} .input_small input[type="text"].input_inner{ height: .32rem; line-height: .32rem; font-size: .14rem;} .input_suffix input[type="text"].input_inner{ padding-right: .3rem;} .input_prefix input[type="text"].input_inner{ padding-left:.36rem;} .input_suffix .input_icon_date,.input_icon,.input_prefix .input_icon{ position: absolute; right: .1rem; top: .06rem; text-align: center; color: #c0c4cc; transition: all .3s; pointer-events: none;} .input_suffix .input_icon_date i,.input_prefix .input_icon i{ font-size: .2rem;} input[type="text"].input_inner:focus+.input_icon_date i{ color: #1658a0;} .input_group{ position: relative; display: table; border-collapse: separate; padding: .12rem 0rem; min-width: 1.03rem; width: 100%;} .trt-row .input_group[class*=trt-col-]{ padding-left: 0rem; padding-right: 0rem;} .input_group_prepend_01,.input_group_append_01{background-color: #f5f7fa; color: #909399; vertical-align: middle; display: table-cell; position: relative; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0rem .2rem; width: 1px; white-space: nowrap;} .input_group_prepend_01{ border-top-right-radius: 0rem; border-bottom-right-radius: 0rem; border-right: 0rem;} .input_group_append_01{ border-left: 0rem; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem;} .input_group>.input_inner {vertical-align: middle;display: table-cell;} .input_group_prepend input[type="text"]{ border-top-left-radius: 0rem; border-bottom-left-radius: 0rem;} .input_group_append input[type="text"]{ border-top-right-radius: 0rem; border-bottom-right-radius: 0rem;} .input_group_append_01 button{border-color: transparent;background-color: transparent;color: inherit;border-top: 0rem;border-bottom: 0rem;margin-left: 0rem;padding: 0rem .2rem;display: inline-block;margin: 0rem -.2rem;} .input_select .input_group_prepend_01{ padding: 0rem; width: 1.3rem; border-right: 0rem;} .input_select .input_group_prepend_01 .input_base{ margin-right: 0rem; } .input_select .input_group_prepend_01 .input_base input[type="text"].input_inner{ border: 0rem; height: .38rem; line-height: .38rem; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .input_icon i{ font-size: .12rem;} .input_inner.on+.input_icon{top: .1rem;} .select_dropdown{position: absolute;display: none;left: 0rem;right: 0rem;top:.4rem;z-index: 9;border: 1px solid #e4e7ed;border-radius: .08rem;background-color: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); overflow: hidden;} .select_dropdown li{line-height: .36rem;font-size: .14rem;cursor: pointer; padding-left: .2rem;} .select_dropdown li a{ display: block; color: #999999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .select_dropdown li:hover{ background-color: #f5f7fa;} .horizontal_dropdown .select_dropdown{ top: inherit; bottom: .41rem;} .input_prefix .input_icon{ left: .1rem; right: inherit; width:.2rem\0;} @media screen and (max-width:992px) { .slb .input_group.input_select { display: table;} .select_dropdown{ padding:.04rem 0rem;} .select_dropdown li{ line-height:.24rem} .select_dropdown li a{padding-left: 0rem;text-align: center;font-size: .12rem;} input[type="text"].input_inner{ padding-left:.12rem; padding-right: 0rem;} } /*下拉菜单input_dropdown*/ .input_dropdown{ position: relative; font-size: .16rem; display: inline-block; width: 100%;} .input_group .input_dropdown{ margin-right: .2rem; width: auto;} .input_dropdown+.input_dropdown { margin-left:.12rem;} .input_dropdown input[type="text"].input_inner{ } .dropdown_large{ font-size: .18rem;} .dropdown_large input[type="text"].input_inner{ height: .56rem; line-height: .56rem;} .dropdown_large .select_dropdown{ top: .56rem;} .dropdown_large .input_icon{ top: .14rem;} .dropdown_large .input_inner.on+.input_icon{ top: .18rem;} .input_dropdown input[type="text"].input_inner{ height: .38rem; line-height: .38rem;} @media screen and (max-width:992px) { .input_group .input_dropdown{ margin-right: 0rem; width: 100%;} } /*文件上传*/ .upload_group{ position: relative; font-size: .16rem; display: inline-block; width: 100%;} .upload_input{ display: none;} .upload_tip{ font-size: .14rem; color: #606266; margin-top: .2rem;} .upload_list{ margin-top: .12rem;} .upload_list li{ line-height: .36rem; font-size: .14rem; position: relative;} .upload_list li:hover{ background-color: #f5f7fa} .upload_list li i{ margin-right: .04rem;} .upload_list li a{ padding-right: .4rem; color: #606266; display: block; overflow: hidden; padding-left:.04rem; text-overflow: ellipsis; transition: color .3s; white-space: nowrap;} .upload_list li label{ display: block; position: absolute; right: .08rem; top: 0rem;} .upload_list li label i.trt-icon-dagou1{ font-size: .14rem; color: #67c23a; display: block;} .upload_list li label i.trt-icon-dacha{ font-size: .14rem; color: #606266; display: none;} .upload_list li:hover label i.trt-icon-dagou1{ display: none;} .upload_list li:hover label i.trt-icon-dacha{ display: block;} /*图片类上传*/ .avatar_uploader .upload_text{ border-radius:.08rem; cursor: pointer; position: relative; overflow: hidden; background-color: #fbfdff;} .avatar_uploader .upload_text p{ line-height:.4rem; text-align:center; padding-bottom:.2rem} .avatar_uploader_icon{font-size:.28rem;color: #8c939d;width: 1.2rem;height:.6rem; line-height:.6rem; text-align: center;display: inline-block;} .list_picture li:hover{ background-color: #ffffff;} .avatar_uploader:hover .upload_text{ border-color: #1658a0;} .list_picture li{overflow: hidden; z-index: 0; margin-top:.1rem; display: inline-block; margin-right: .1rem; border: 1px solid #c0ccda; border-radius:.08rem; padding:.08rem;} .list_picture li img{vertical-align: middle; width:1.2rem; height:1.2rem; background-color: #fff;} .list_picture li img{ max-width:inherit\0;} .list_picture li .picture_card{ position: relative; cursor: pointer;} .list_picture li .picture_card i{ position: absolute; display: block; border-radius: 50%; text-align: center; right: -.1rem; top:-.08rem; font-size: .14rem; z-index: 9; width: .2rem; line-height:.2rem; height: .2rem; cursor: pointer; display: none;} .list_picture li .picture_card:hover i{ display: block; color: #1658a0;} /*悬浮栏*/ .backtop{position: fixed; right:.2rem; bottom:3rem; background-color: #fff; width: .5rem; border-radius: .08rem; font-size: .2rem; box-shadow: 0 0 6px rgba(0,0,0,.12); cursor: pointer; z-index: 999; border:1px solid #e1e1e1\0;} .backtop>i{ position: absolute; right:-.1rem; top: -.05rem; width: .2rem; height: .2rem; color: #1658a0;} .backtop li{ width: .5rem; height: .5rem; border-bottom: 1px solid #e1e1e1; position: relative; text-align: center; line-height:.44rem;} .backtop li a{ display: block;} .backtop li a i{ font-size: .3rem; color: #1658a0;} .backtop li .backtop_pic{ display: none;} .backtop li:last-child{ height: .4rem; border-bottom: none;} .backtop li:last-child a i{ display: block; border: 2px solid #1658a0; font-size:.16rem; width: .3rem; height: .3rem; line-height: .3rem; border-radius: 50%; margin: .1rem auto 0rem;} @media screen and (max-width:768px) { .backtop{ display: none;} } /*评分*/ .rate_group{height: .2rem; line-height:.2rem;} .rate_item{ font-size: 0rem; vertical-align: middle; display: inline-block; position: relative; cursor: pointer;} .rate_item i{ font-size: .18rem; margin-right: .04rem; color: #c0c4cc; transition: .3s; position: relative;} .rate_item.on .rate_icon:before{content: "\e61b"; color: rgb(247,186,42);} .score_tip{ color:rgb(247,186,42); line-height: .2rem; font-size: .14rem; display: inline-block;} .rate_item .rate_icon .rate_icon{ position: absolute; left: 0rem; top: 0rem; top:.07rem\0; color: rgb(247,186,42); display: block; overflow: hidden;} @media all and (min-width:0) { .rate_item .rate_icon .rate_icon{ top: .05rem\9; } } /*弹出层*/ .modal_bg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: .5; filter:alpha(opacity=50); background: #000; display: none; z-index: 999;} .messagebox{ position: fixed; left: 50%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); width: 4.2rem; margin-left: -2.1rem; padding-bottom: .1rem; vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; font-size: .18rem; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; backface-visibility: hidden; display: none; z-index: 1000;} .messagebox{ top:40%\0;} .messagebox_wrapper{position: fixed; top: 0rem; bottom: 0rem; left: 0rem; right: 0rem; text-align: center} .messagebox_wrapper:after{content: ""; display: inline-block; height: 100%; width: 0rem; vertical-align: middle} .messagebox_header{position: relative; padding:.16rem .16rem .1rem} .messagebox_title{padding-left: 0rem; margin-bottom: 0rem; font-size: .18rem; line-height: 1; color: #303133} .messagebox_headerbtn{position: absolute; top: .16rem; right: .16rem; padding: 0rem; border: none; outline: none; background: transparent; font-size: .16rem; cursor: pointer} .messagebox_headerbtn .messagebox_close{color: #909399} .messagebox_headerbtn:focus .messagebox_close,.messagebox_headerbtn:hover .messagebox_close{color: #1658a0} .messagebox_content{padding:.12rem .16rem; color: #606266; font-size: .14rem} .messagebox_container{position: relative} .messagebox_input{padding-top:.16rem} .messagebox_input input.invalid,.messagebox_input input.invalid:focus{border-color: #ba2b29} .messagebox_status{position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: .24rem !important} .messagebox_status:before{padding-left: 1px} .messagebox_status+.messagebox_message{padding-left: .36rem; padding-right: .12rem} .messagebox_message{margin: 0rem} .messagebox_message p{margin: 0rem; line-height: .24rem} .messagebox_errormsg{color: #ba2b29; font-size: .12rem; min-height: .18rem; margin-top:.02rem} .messagebox_btns{padding:.04rem .16rem 0rem; text-align: right} .messagebox_btns button:nth-child(2){margin-left:.1rem} .messagebox_btns_reverse{flex-direction: row-reverse} .messagebox_center{padding-bottom: .3rem} .messagebox_center .messagebox_header{padding-top: .3rem} .messagebox_center .messagebox_title{position: relative; display: flex; align-items: center; justify-content: center} .messagebox_center .messagebox_status{position: relative; top: auto; padding-right: .04rem; text-align: center; transform: translateY(-1px); -ms-transform: translateY(-1px);} .messagebox_center .messagebox_message{margin-left: 0rem} .messagebox_center .messagebox_btns,.messagebox_center .messagebox_content{text-align: center} .messagebox_center .messagebox_content{padding-left: .28rem; padding-right: .28rem} .messagebox_large{ width: 6.2rem; margin-left: -3.1rem;} .messagebox_01{ width: 7rem; margin-left: -3.5rem;} .messagebox_01 .messagebox_content{ padding: .2rem .32rem;} #notice{z-index: 100; position: fixed; right: 0rem; bottom: 0rem; height: auto; width:3.2rem; background: #fff; box-shadow: 0 1px 25px 0 rgba(9,41,77,.15); visibility: hidden; transition: all .3s ease; transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); padding:.2rem; line-height: normal; border:1px solid #e1e1e1\0;} #notice.visible{visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none} .notice_close{ position: absolute; right:.04rem; top:0rem; z-index:999} .notice_title{ padding: .04rem 0rem;} .notice_title h3{ font-size: .16rem; line-height: .36rem;} .notice_img{ overflow: hidden;} .notice_wrapper{ position: relative;} a.notice_more{ color: #1658a0;} .notice_page{ position: absolute; right: 0rem; top: 0rem;} .notice_page a{ color: #1658a0; width: .24rem; height: .24rem; line-height: .24rem; text-align: center; display: inline-block; background-color: #ecf4fd; border-radius: 50%;} .notice_page a.prevStop,.notice_page a.nextStop{background-color: #ecf4fd; opacity: .5; filter:alpha(opacity=50);} .notice_page a i{ font-size: .12rem;} @media screen and (max-width:768px) { #notice{ display: none;} .messagebox,.messagebox_large{ width: 90%; margin-left: -45%;} } /*状态*/ .default_page{ text-align: center; padding: .4rem;} .default_img svg{ max-width: 100%;} /*分割线*/ .divider_basee{ background-color: #dcdfe6; position: relative;} .divider_horizontal{ height: 1px; width: 100%; margin: .2rem auto;} .divider_horizontal_large{ margin-top: .32rem; margin-bottom: .32rem;} .divider_vertical{display: inline-block; width: 1px; height: 1em; margin: 0rem .08rem; vertical-align: middle; position: relative} .divider_text{position: absolute; background-color: #fff; padding: 0rem .2rem; font-weight: 500; color: #303133; font-size: .16rem; margin-top: ;} .divider_left{ left:.2rem; transform: translateY(-50%); -ms-transform: translateY(-50%);} .divider_center{ left: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);} .divider_right{ right: .2rem; transform: translateY(-50%); -ms-transform: translateY(-50%);} .divider_position{ position: absolute; top:.1rem; bottom:.1rem; width: 1px; right: 0rem;} .slb .divider_position{ display: none;} /*时间轴*/ .timeline{} .timeline .timeline_item{position: relative; padding-bottom:.2rem;} .timeline_item_tail{position: absolute;left:.04rem;border-left: 2px solid #e4e7ed; top: .06rem; bottom: -.6rem; bottom:-.1rem\0;} .timeline_item_node{position: absolute;background-color: #e4e7ed;border-radius: 50%;display: flex;justify-content: center;align-items: center;left: -1px;width: .12rem;height: .12rem;top: .06rem;} .timeline_item_wrapper{position: relative; padding-left: .28rem; top: -.04rem;} .timeline_item_content{ font-size: .16rem; line-height: .32rem; text-align: justify;} .timeline_item_timestamp{ font-size: .14rem; color: #999999; margin-top: .1rem;} .timeline_item:last-child .timeline_item_tail{ display: none;} .timeline_item:nth-last-child(2) .timeline_item_tail{ bottom: -.06rem;} .timeline_item_timestamp.is_top{margin-top: 0rem;} .timeline_01 .timeline_item_tail{ border-width: 1px;} .timeline_01 .timeline_item_node{width:.3rem;height:.3rem;background-color: #ffffff;left: -.1rem;top: .02rem;} .timeline_01 .timeline_item_node i{ font-size: .28rem; color: #999999;} .timeline_01 .timeline_item_timestamp{ line-height: .36rem; font-size: .18rem;} .timeline_01 .timeline_item_timestamp span{ margin-right: .16rem;} .timeline_01 .shadow_base{ position: relative; border: 1px solid #e8e8e8; box-shadow: 5px 5px 10px rgba(160,160,160,.1); border-radius: .08rem;} .timeline_01 .shadow_base:before { content: ""; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; position: absolute; top: -.085rem; left:.2rem; width:.16rem; height:.16rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; display:none\0;} .slb .timeline_item_content{ line-height: .28rem;} @media screen and (max-width:992px) { .timeline_01 .timeline_item_node{ font-size: .24rem; height: .24rem;} .timeline_01 .timeline_item_node i{ font-size: .2rem;} .timeline_01 .timeline_item_timestamp{ font-size: .14rem;} .timeline_01 .timeline_item_timestamp span{ font-size: .18rem;} .timeline .timeline_item{ padding-bottom: .1rem;} } /*步骤条*/ .steps_base{ text-align: center; position: relative;} .steps_base>div{ display: flex;} .steps_base>span{ position: absolute; width: .3rem; height: .3rem; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); color: #999999; cursor: pointer; z-index: 99;} .steps_base>span i{ font-size: .36rem;} .steps_base>span.prev{ left: 0rem;} .steps_base>span.next{ right: 0rem;} .step_item{ display: inline-block; text-align: center; position: relative; flex: 1;} .step_head{ position: relative;} .step_line{position: absolute;border-color: inherit;background-color: #c0c4cc;height: 5px;top: .18rem;left: 50%;right: -50%;} .step_line_inner{ display: block; border: 1px solid; border-color: inherit; transition: .15s ease-out; box-sizing: border-box; width: 0rem; height: 0rem;} .step_icon{position: relative;z-index: 1;display: inline-flex;justify-content: center;align-items: center;width: .42rem;height: .42rem; line-height: .42rem; line-height: .34rem\0; text-align: center; font-size: .14rem;box-sizing: border-box;background: #ececec;transition: .15s ease-out;border-radius: 50%;border: 4px solid;border-color: #ffffff;color: #999999;margin: 0rem auto\0;} @media all and (min-width:0) { .step_icon{ margin: 0rem auto\9; } } .step_title{font-size: .18rem;line-height:.38rem;color: #999999;} .step_description{padding-right: 10%; margin-top: -.04rem; font-size: .12rem; line-height:.2rem; padding-left: 20%; padding-right: 20%;} .step_item:last-of-type .step_line{ display: none;} .is_finish .step_line{ background-color: #1658a0;} .is_finish:last-child .step_line{ background-color: #c0c4cc;} .is_finish .step_main,.is_finish .step_head,.is_finish .step_icon{} .is_finish .step_title{ color:#1658a0;} .is_finish .step_icon{ background-color:#1658a0;color: #ffffff;} .steps_vertical .step_item{ display: block; text-align: left;} .steps_vertical .step_head{ width: .24rem; position: inherit; float: left;} .steps_vertical .step_line{width: 2px;top: 0rem;bottom: 0rem;left: .21rem;right: inherit;height: inherit;} .steps_vertical .step_main{padding-left: .5rem;} .steps_vertical .step_main .step_title{} .steps_vertical .step_main .step_description{ margin-top: .08rem; padding: 0rem 0rem .2rem 0rem; color: #333333;} @media screen and (max-width:992px) { .steps_horizontal>div{ display: flex;} .steps_horizontal .step_item{ flex: 1;} .steps_horizontal .step_description{ display: none;} .steps_base>span{ top: 25%;} } /*图文链接组*/ .piclink_group{ position: relative; overflow: hidden;} @media \0screen { .piclink_group .bd{width: 1372px;} .slb .piclink_group .bd{width: 1391px;} } .piclink_group>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; line-height: .4rem; text-align: center; background-color: rgba(0,0,0,.6); cursor: pointer; z-index: 10;} .piclink_group>span i{ font-size: .18rem; color: #ffffff;} .piclink_group>span{ position: absolute; z-index: 9; top: 50%; margin-top: -.28rem; cursor: pointer; width:.24rem; height: .56rem; line-height: .56rem; border-radius: .04rem; background-color: #1658a0; text-align: center;} .piclink_group>span.prev{ left: 0rem; text-align: right;} .piclink_group>span.next{ right: 0rem;} .slb .piclink_group>span.next{ right: 1px;} .piclink_group>span.prevStop,.piclink_group>span.nextStop{ background-color: #d6d6d6;} .piclink_group .piclink_conent{ background-color: #E7F1FC; z-index: 1; position: relative; overflow: hidden; height: 0rem; background-position: center; background-repeat: no-repeat; background-size: cover;} .piclink_group .num{ text-align: center;} .piclink_group .num ul{ font-size: 0rem; text-align: center;} .piclink_group .num li{ display: inline-block; margin: 0rem .08rem; width: .1rem; height: .1rem; background-color: #DDD; border-radius: 50%; cursor: pointer;} .piclink_group .num li.on{ background-color: #F6B551;} .piclink_group_01 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_01 .piclink_list li .piclink_conent{padding-top: 34.83871%;} .piclink_group_01 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_01 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_01 .piclink_list li .piclink_conent a{ padding: .2rem; line-height: .24rem; font-size: .16rem; overflow: hidden; position: absolute; left: 0rem; top:0rem; right: 0rem; bottom: 0rem; z-index: 3; display: block;} .piclink_group_01 .piclink_list li .piclink_conent img{ float: left; width:25.18518%; margin-right: .16rem; border: 1px solid #ffffff; border-radius: .12rem;} .piclink_group_01 .piclink_list li .piclink_conent p{ overflow: hidden; position: relative; line-height: .24rem; height:.72rem; top:-.04rem} .piclink_group_01 .piclink_list li .piclink_conent p span{ line-height: .24rem; position: absolute; top: 50%; margin-top: -.36rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .piclink_group_01 .piclink_list li a:hover{ background-color: #1658a0;} .piclink_group_01 .piclink_list li:hover .piclink_conent p{ color: #ffffff;} .piclink_group_02 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_02>span{ top: 45%;} .piclink_group_02 .piclink_list li .piclink_conent{padding-top: 58.064516%;} .piclink_group_02 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_02 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_02 .piclink_conent .piclink_text{ position: absolute; z-index: 2; padding: .32rem .2rem .2rem .2rem; left: 0rem; top: 0rem; right: 0rem; bottom: 0rem;} .piclink_group_02 .piclink_list li .piclink_conent em{ width: 38.064516%; position: absolute; right: .1rem; bottom: .06rem;} .piclink_group_02 .piclink_list li .piclink_conent em img{ width: 100%;} .piclink_group_02 .piclink_list li .piclink_conent h3{ font-size: .18rem; line-height: .32rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .piclink_group_02 .piclink_list li .piclink_conent p{ line-height: .24rem; font-size: .14rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:1rem;} .piclink_group_02 .piclink_list li .piclink_conent .piclink_text>a{ display: inline-block; width: .88rem; height: .26rem; line-height: .22rem; margin-top: .16rem; text-align: center; font-size: .12rem; color: #1658a0; border: 1px solid #1658a0; border-radius: 1rem; transition: .3s all;} .piclink_group_02 .piclink_list li .piclink_conent .piclink_text>a:hover{ background-color: #1658a0; color: #ffffff;} .piclink_group_03 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_03>span{ top: 45%;} .piclink_group_03 .piclink_list li .piclink_conent{padding-top:56.774194%; border-radius: .04rem;} .piclink_group_03 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_03 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_03 .piclink_list li .piclink_conent:before{ content: ''; position: absolute; left: 0rem; top: 100%; right: 0rem; bottom: 0rem; background-color: rgba(22,88,160,.9); z-index: 3; transition: .3s all;} .piclink_group_03 .piclink_list li:hover .piclink_conent:before{ top: 0rem;} .piclink_group_03 .piclink_conent .piclink_text{ position: absolute; z-index: 4; left: 0rem; top: 50%; margin-top: -.4rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); right: 0rem; text-align: center; padding: 0rem .2rem; transition: .3s all;} .piclink_group_03 .piclink_list li .piclink_conent h3,.piclink_group_03 .piclink_list li .piclink_conent p,.piclink_group_03 .piclink_list li .piclink_conent .piclink_text>a{ position: relative; z-index: 5; color: #ffffff;} .piclink_group_03 .piclink_list li .piclink_conent em{ width: 38.064516%; position: absolute; right: .1rem; bottom: .06rem;} .piclink_group_03 .piclink_list li .piclink_conent em img{ width: 100%;} .piclink_group_03 .piclink_list li .piclink_conent h3{ font-size:.24rem; line-height: .32rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .piclink_group_03 .piclink_list li .piclink_conent h3 a{ color: #ffffff;} .piclink_group_03 .piclink_list li .piclink_conent p{ line-height: .24rem; font-size: .14rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .piclink_group_03 .piclink_list li .piclink_conent .piclink_text>a{ display:none; width: .48rem; height:.48rem; line-height: .48rem; margin-top: .16rem; text-align: center; font-size: .12rem; color: #ffffff; border: 1px solid #ffffff; border-radius:50%; transition: .3s all;} .piclink_group_03 .piclink_list li .piclink_conent .piclink_text>a i{ color: #ffffff; font-size: .28rem;} .piclink_group_03 .piclink_list li:hover .piclink_conent .piclink_text>a{ display: inline-block;} .piclink_group_04 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_04>span{ top: 45%;} .slb .piclink_group_04>span{ top:38%;} .piclink_group_04 .piclink_list li .piclink_conent{ background-color: #E4EAF2; height: auto;} .piclink_group_04 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_04 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_04 .piclink_list li:nth-child(2n+2) .piclink_conent{ background-color: #E4F2F2;} .piclink_group_04 .piclink_list li .piclink_conent .piclink_text{padding-top:56.774193%; background-color: #1A6CAB; position: relative; height: 0rem; overflow: hidden;} .piclink_group_04 .piclink_list li .piclink_conent p{ line-height:.28rem; font-size: .16rem; padding: .16rem .1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;} .piclink_group_04 .piclink_list li:nth-child(2n+2) .piclink_conent .piclink_text{ background-color: #0F8D91;} .piclink_group_04 .piclink_list li .piclink_conent h3{ position: absolute; z-index: 5; color: #ffffff; text-shadow:rgba(0,0,0,.3) 0px 2px 4px; left:0rem; right: 0rem; text-align: center; top: 50%; margin-top: -.32rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); line-height: .32rem; font-size: .24rem; padding: 0rem .2rem;} .piclink_group_04 .piclink_list li .piclink_conent h3 a{ color: #ffffff; text-shadow:rgba(0,0,0,.3) 0px 2px 4px; max-height: 1.28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .piclink_group_04 .piclink_list li .piclink_conent .piclink_text i{ position: absolute; bottom: -60%; left: 0rem; right: 0rem; text-align: center;} .piclink_group_05 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .slb .piclink_group_05>span{ top:35%;} .piclink_group_05 .piclink_list li .piclink_conent{ background-color: #F7F8FA; height: auto; border-bottom: 2px solid #1658a0; padding-bottom: .07rem;} .piclink_group_05 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_05 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_05 .piclink_list li .piclink_conent .piclink_text{padding-top:56.774193%; background-color: #ABD3F7; position: relative; height: 0rem; overflow: hidden; margin-bottom: .07rem;} .piclink_group_05 .piclink_list li .piclink_conent p{ font-size: .16rem; font-weight: normal; line-height: .24rem; height: .72rem; position: relative; overflow: hidden;} .piclink_group_05 .piclink_list li .piclink_conent p a{ position: absolute; top: 50%; margin-top: -.16rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; left: 0rem; right: 0rem; text-align: center; padding: 0rem .2rem;} .piclink_group_05 .piclink_list li .piclink_conent h3{ position: absolute; z-index: 5; color: #ffffff; text-shadow:rgba(0,0,0,.3) 0px 2px 4px; left:0rem; right: 0rem; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -.32rem\0; line-height: .32rem; font-size: .24rem; padding: 0rem .2rem;} .piclink_group_05 .piclink_list li .piclink_conent h3 a{ color: #0073BA; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; max-height: 1.28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .piclink_group_05 .piclink_list li .piclink_conent .piclink_text i{ position: absolute; bottom: -60%; left: 0rem; right: 0rem; text-align: center;} .piclink_group_06 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_06 .piclink_list li .piclink_conent{padding-top:34.838709%; } .piclink_group_06 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_06 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_06 .piclink_conent .piclink_text{ position: absolute; z-index: 4; left: 0rem; top: 50%; margin-top: -.6rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); right: 0rem; text-align: center; transition: .3s all;} .piclink_group_06 .piclink_list li .piclink_conent h3{ font-size:.22rem; line-height: .32rem; overflow: hidden; height: .96rem; position: relative;} .piclink_group_06 .piclink_list li .piclink_conent h3 a{ color: #ffffff; position: absolute; left: 0rem; right: 0rem; top: 50%; margin-top: -.2rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; padding: 0rem .2rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .piclink_group_07>span{ top: 35%;} .piclink_group_07 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_07 .piclink_list li .piclink_conent{height: auto; background-color: transparent; padding-bottom: .1rem;} .piclink_group_07 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_07 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_07 .piclink_list li .piclink_conent .piclink_text{padding-top:56.774193%; background-color: #ABD3F7; position: relative; height: 0rem; overflow: hidden; margin-bottom: .07rem; border-radius: .08rem; z-index: 2;} .piclink_group_07 .piclink_list li .piclink_conent p{ font-size: .16rem; font-weight: normal; background-color: #ffffff; box-shadow: 0 2px 12px rgba(22,88,160,.3); line-height: .28rem; height: .56rem; padding: .14rem 0rem; position: relative; overflow: hidden; z-index:8; margin: -.28rem .12rem 0rem .12rem; border-radius: .08rem;} .piclink_group_07 .piclink_list li .piclink_conent p a{ text-align: center; padding: 0rem .2rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .piclink_group_07 .piclink_list li .piclink_conent h3{ position: absolute; z-index: 5; color: #ffffff; text-shadow:rgba(0,0,0,.3) 0px 2px 4px; left:0rem; right: 0rem; text-align: center; top: 50%; margin-top: -.32rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%); line-height: .32rem; font-size: .24rem; padding: 0rem .2rem;} .piclink_group_07 .piclink_list li .piclink_conent h3 a{ color: #0073BA; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; max-height: 1.2.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .piclink_group_07 .piclink_list li .piclink_conent .piclink_text i{ position: absolute; bottom: -60%; left: 0rem; right: 0rem; text-align: center;} .piclink_group_08 .bd .trt-row [class*=trt-col-]{ padding: 0rem;} .piclink_group_08 .piclink_list li .piclink_conent{height: auto; background-color: transparent; display: block;} .piclink_group_08 .bd.piclink_list li .piclink_conent{ margin-right: .1rem; margin-left: .1rem;} .piclink_group_08 .bd.piclink_list .trt-row-large li .piclink_conent{ margin-right: .16rem; margin-left: .16rem;} .piclink_group_08 .piclink_list li .piclink_conent .piclink_text{padding-top:56.774193%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 0rem; overflow: hidden; z-index: 2;} .piclink_group_08 .piclink_list li .piclink_conent p{ font-size: .16rem; font-weight: normal; background-color: #ffffff; box-shadow: 0 2px 12px rgba(22,88,160,.3); line-height: .28rem; height: .56rem; overflow: hidden; z-index:8; position: absolute; left: .16rem; right: .16rem; bottom: .16rem; padding: 0rem;} .piclink_group_08 .piclink_list li .piclink_conent p span{ display: table; width: 100%;} .piclink_group_08 .piclink_list li .piclink_conent p span em{ display: table-cell; height: .56rem; vertical-align: middle; text-align: center; padding: .08rem; font-size: .16rem; line-height: .2rem; font-weight: bold;} .piclink_group_08 .piclink_list li .piclink_conent p span em i{max-height: .4rem;height: .4rem\0; } .piclink_group_01 .bd>.tempWrap,.piclink_group_02 .bd>.tempWrap,.piclink_group_03 .bd>.tempWrap,.piclink_group_04 .bd>.tempWrap,.piclink_group_05 .bd>.tempWrap,.piclink_group_06 .bd>.tempWrap,.piclink_group_07 .bd>.tempWrap,.piclink_group_08 .bd>.tempWrap{ margin-left: -.1rem;} @media screen and (max-width:1280px) { .piclink_group_02 .piclink_conent .piclink_text{ padding-top: .2rem;} .piclink_group_03 .piclink_list li .piclink_conent h3,.piclink_group_04 .piclink_list li .piclink_conent h3,.piclink_group_05 .piclink_list li .piclink_conent h3,.piclink_group_06 .piclink_list li .piclink_conent h3,.piclink_group_07 .piclink_list li .piclink_conent h3,.piclink_group_08 .piclink_list li .piclink_conent h3{ font-size: .2rem; line-height: .28rem;} } @media screen and (max-width:992px) { .piclink_group_04 .piclink_list li .piclink_conent .piclink_text i,.piclink_group_05 .piclink_list li .piclink_conent .piclink_text i,.piclink_group_07 .piclink_list li .piclink_conent .piclink_text i,.piclink_group_08 .piclink_list li .piclink_conent .piclink_text i{ bottom: 0rem;} } @media screen and (max-width:640px) { .slb .piclink_group>span.next{ right: 0px;} .piclink_group_04>span,.piclink_group_05>span{ top: 40%;} } /*图文组*/ .picture_base{ position: relative;} .picture_base img{ width: 100%;} .picture_01{ padding-right: .2rem; padding-bottom: .2rem;} .picture_01:before{ position: absolute; content: ''; left: .2rem; right: 0rem; bottom: 0rem; top: .2rem; background-color: #ffffff; border: 1px solid #1658a0; z-index: 1;} .picture_01 img{ position: relative; z-index: 2;} .picture_group{ position: relative; overflow: hidden;} .picture_group:after{ visibility: hidden; display: block; font-size: 0rem; content: " "; clear: both; height: 0rem;} .picture_group>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; line-height: .4rem; text-align: center; background-color: rgba(0,0,0,.6); cursor: pointer; z-index: 10;} .picture_group>span i{ font-size: .18rem; color: #ffffff;} .picture_group>span{ position: absolute; z-index: 9; top: 50%; margin-top: -.28rem; cursor: pointer; width:.24rem; height: .56rem; line-height: .56rem; border-radius: .04rem; background-color: #1658a0; text-align: center;} .picture_group>span.prev{ left: 0rem; text-align: right;} .picture_group>span.next{ right: 0rem;} .slb .picture_group>span.next{ right: 1px;} .picture_group>span.prevStop,.picture_group>span.nextStop{ background-color: #d6d6d6;} .picture_group .bd.trt-row [class*=trt-col-].picture_item{ padding: 0rem;} .picture_item{ position: relative;} .picture_group .picture_conent{ position: relative; background-color: #ffffff;} .picture_group .bd .picture_conent{ margin: 0rem .1rem;} .picture_group .bd.trt-row-large .picture_conent{ margin: 0rem .16rem;} .picture_item .picture_img{ overflow: hidden; position: relative; z-index: 3;} .picture_item .picture_text{ margin-top:0rem\0; margin-top: .16rem; position: relative; z-index: 4;} .picture_item .picture_fixed{ background-size: cover; padding-top: 56.3106796%;} .picture_group_01 .picture_text h3{ text-align: justify; font-size: .2rem; line-height:.32rem; margin-bottom:.08rem; height: .64rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} .picture_group_01 .picture_text p{ text-align: justify; line-height: .24rem; height: .48rem; font-size: .14rem; color: #999999; margin-bottom: .08rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .picture_group_01 .picture_text>a{ color: #1658a0; transition: .3s all; font-size: .14rem;} .picture_group_01 .picture_text>a:hover,.picture_group_01 .picture_text>i>a:hover{ margin-left: .1rem;} .picture_group_01>span{ top: 30%;} @media screen and (max-width:992px) { .picture_group_01 .picture_text h3,.picture_group_01 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} .picture_group>span.prev{ left:.04rem;} .picture_group>span.next{ right:.04rem;} } .picture_group_02 .picture_item .picture_text{ margin-top: .2rem; padding-bottom: .2rem; position: relative;} .picture_group_02 .picture_text span{ display: block; color: #999999; font-size: .14rem; line-height:.24rem;} .picture_group_02 .picture_text h3{ text-align: justify; font-size: .2rem; line-height:.32rem; margin-bottom:.08rem; margin-top: .08rem; height: .64rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} .picture_group_02 .picture_text p{ text-align: justify; line-height: .24rem; height: .48rem; font-size: .14rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .picture_group_02 .picture_text>em{ width: .6rem; height: 1px; background-color: #E2E2E2; position: absolute; left: 0rem; bottom: 0rem;} .picture_group_02>span{ top: 30%;} @media screen and (max-width:992px) { .picture_group_02 .picture_text h3,.picture_group_02 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} } .picture_group_03 .picture_text{ position: absolute; left: .2rem; bottom: .2rem; right: .2rem; padding-left: .2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color:rgba(51,51,51,.6); color: #ffffff; line-height: .48rem; padding-right: .5rem;} .picture_group_03 .picture_item:hover .picture_text{ background-color: #1658a0; color: #ffffff;} .picture_group_03 .picture_text i{ position: absolute; right:.1rem; color: #ffffff; top: 0rem;} .picture_group_03 .picture_text p,.picture_group_03 .picture_text p a{ color: #ffffff;} .picture_group_03 .picture_text p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} @media screen and (max-width:992px) { .picture_group_03 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} } .picture_group_04 .picture_conent{ padding-bottom: .2rem;} .picture_group_04 .picture_conent:hover{ box-shadow: 0 .1rem .1rem rgba(0,0,0,.05);} .picture_group_04 .picture_item .picture_text{ position: relative; margin: .2rem .32rem 0rem .32rem;} .picture_group_04 .picture_text span{ display: block; color: #999999; font-size: .14rem; line-height: .24rem;} .picture_group_04 .picture_text h3{ text-align: justify; font-size: .2rem; line-height:.32rem; margin-bottom:.08rem; height: .64rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} .picture_group_04 .picture_text p{ text-align: justify; line-height: .24rem; height: .48rem; font-size: .14rem; margin-bottom:.08rem;color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .picture_group_04>span{ top: 30%;} @media screen and (max-width:992px) { .picture_group_04 .picture_text h3,.picture_group_04 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} .slb .picture_group_04 .picture_item .picture_text{ margin: .12rem .2rem 0rem .2rem;} } .picture_group_05 .picture_conent{ transition: .3s all; padding:.16rem .32rem .32rem .32rem;} .picture_group_05 .picture_conent:hover{ margin-top: -.1rem;} .picture_group_05 .picture_item .picture_text{ margin-top: .16rem; padding-bottom: .2rem; position: relative;} .picture_group_05 .picture_text span{ display: block; color: #999999; font-size: .14rem; line-height: .24rem;} .picture_group_05 .picture_text h3{ text-align: justify; font-size: .2rem; line-height:.32rem; margin-bottom:.08rem; margin-top: .08rem; height: .64rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} .picture_group_05 .picture_text p{ text-align: justify; line-height: .24rem; height: .72rem; font-size: .14rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;} .picture_group_05 .picture_text>em{ width: .6rem; height: 1px; background-color: #E2E2E2; position: absolute; left: 0rem; bottom: 0rem;} @media screen and (max-width:992px) { .picture_group_05 .picture_text h3,.picture_group_05 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} .picture_group_05 .picture_conent{ padding:.08rem .2rem .2rem .2rem;} } .picture_group_06 .trt-row{ margin:0rem -.48rem 0rem -.16rem;} .picture_group_06 .picture_conent{ padding-right: .32rem; transition: .3s all; position: relative;} .picture_group_06 .bd .picture_conent{} .picture_group_06 .picture_conent:after{ content: ''; position: absolute; width: 1px; top: 0rem; bottom: 0rem; right: 0rem; background-color: #E6E6E6;} .picture_group_06 .picture_item:nth-child(3n+3) .picture_conent:after{ display: none;} .picture_group_06 .picture_conent span{ font-size: .28rem; line-height: .32rem; display: block; color: #999999;} .picture_group_06 .picture_conent em{ line-height:.32rem; font-size: .16rem; color: #999999; display: block; font-style: normal;} .picture_group_06 .picture_text{ margin: .2rem 0rem 0rem 0rem;} .picture_group_06 .picture_text h3{ text-align: justify; font-size: .2rem; line-height: .32rem; height: .64rem; margin-bottom: .08rem; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .picture_group_06 .picture_text p{ text-align: justify; line-height: .24rem; font-size: .14rem; color: #999999; margin-bottom: .08rem; height:.48rem; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;} .picture_group_06 .picture_text>a{ color: #666666; font-size: .14rem; transition: .3s all; height: .26rem; line-height: .26rem; display: block; } .picture_group_06 .picture_text:hover>a{ color: #004098;} .picture_group_06 .picture_item .picture_img{ margin: .12rem 0rem 0rem 0rem;} @media screen and (max-width:992px) { .picture_group_06 .picture_text h3,.picture_group_06 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} .picture_group_06 .bd{ margin:0rem -.44rem 0rem -.12rem;} } .picture_group_07 .picture_conent{ background-color: #F2F2F2; padding-bottom: .16rem;} .picture_group_07 .picture_item .picture_img{ margin: 0rem;} .picture_group_07 .picture_text{ line-height: .28rem; margin:.16rem .16rem 0rem .16rem; height: .56rem; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;} .picture_group_07 .picture_conent:hover{ background-color: #1658a0;} .picture_group_07 .picture_conent:hover .picture_text a{ color: #ffffff;} @media screen and (max-width:992px) { .picture_group_07 .picture_text{ height: auto; -webkit-line-clamp:inherit;} .slb .picture_group_07 .picture_text{ margin: .12rem .12rem 0rem .12rem; line-height: .24rem;} } .picture_group_08 .trt-row{ margin: 0rem;} .picture_group_08 .bd .picture_conent .picture_fixed:hover{ transform: scale(1);} .picture_group_08 .bd .picture_conent,.picture_group_08 .bd.trt-row-large .picture_conent{ margin: 0rem;} .picture_group_08 .picture_conent{ margin: 0rem; border-top: .08rem solid transparent;} .picture_group_08 .picture_conent:hover{ border-top: .08rem solid #1658a0;} .picture_group_08 .picture_conent:hover a{ color: #ffffff;} .picture_group_08 .picture_text{ padding:.22rem; margin-top: 0rem; position: relative; background-color: #F2F2F2;} .picture_group_08 .picture_text p{ text-align: justify; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: .32rem;} .picture_group_08 .picture_conent:hover .picture_text{ background-color: #1658a0; color: #ffffff;} .picture_group_08 .picture_text i{ position: absolute; right: .2rem; top: 50%; margin-top: -.1rem; width: .2rem; text-align: center; line-height: .2rem; height: .2rem; background-color: #ffffff; border-radius: 100%; font-size: .08rem;} .picture_group_08 .picture_conent:hover i{ color: #333333;} @media screen and (max-width:992px) { .picture_group_08{ margin: 0rem .16rem;} .slb .picture_group_08{ margin: 0rem .16rem;} } .picture_group_09 .picture_conent{ overflow: hidden; height: 3.8rem;} .picture_group_09 .picture_text{ padding: .2rem .32rem .32rem .32rem; margin-top: 0rem; transition:.3s all;} .picture_group_09 .picture_text h3{ text-align: center; font-size: .2rem; margin-bottom: .08rem; line-height: .32rem; height: .64rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; position: relative;} .picture_group_09 .picture_text>em{ width: .6rem; height: 2px; background-color: #ffffff; margin:.16rem auto; display: none;} .picture_group_09 .picture_text p{ line-height: .24rem; font-size: .14rem; color: #999999; height: .96rem; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;} .picture_group_09 .picture_text>a{ display: none; width: .96rem; height: .32rem; line-height: .32rem; text-align: center; margin: .16rem auto 0rem; border: 1px solid #ffffff; border-radius: .04rem; color: #ffffff;} .picture_group_09 .picture_conent:hover .picture_text>a{ display: block; color: #ffffff;} .picture_group_09 .picture_conent:hover .picture_text{ margin-top: -.9rem; background-color: rgba(22,88,160,.8); color: #ffffff; padding-top:.16rem} .picture_group_09 .picture_conent:hover .picture_text p,.picture_group_09 .picture_conent:hover .picture_text h3,.picture_group_09 .picture_conent:hover .picture_text h3 a{ color: #ffffff;} .picture_group_09 .picture_conent:hover .picture_text>em{ display: block;} .picture_group_09>span{ top:25%;} .slb .picture_group_09 .picture_conent{ height:4rem;} @media screen and (max-width:992px) { .picture_group_09 .picture_conent{ height: auto; padding-bottom: .04rem;} .picture_group_09 .picture_text h3,.picture_group_09 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} .slb .picture_group_09 .picture_conent{ height: auto;} .picture_group_09 .picture_text{ padding:.12rem 0rem;} .picture_group_09 .picture_conent:hover .picture_text{ padding: .12rem;} } .picture_group_10 .picture_item .picture_text{ margin-top: 0rem;} .picture_group_10 .picture_text h3{ text-align: justify; line-height: .32rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .08rem;} .picture_group_10 .picture_text span{ font-size: .14rem; color: #999999; display: block; line-height: .24rem; margin-bottom: .08rem;} .picture_group_10 .picture_text>a>i{ color: #999999; margin-left: -.1rem; font-size: .18rem; display: block;} .picture_group_10 .picture_text>a{ display: inline-block; transition: .3s all;} .picture_group_10 .picture_text p{ line-height: .24rem; font-size: .14rem; color: #666666; height: .48rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;} .picture_group_10 .picture_text>a:hover{ margin-left: .1rem;} .picture_group_10>span{ top: 54%;} @media screen and (max-width:992px) { .picture_group_10 .picture_text p{ height: auto; -webkit-line-clamp:inherit;} } @media \0screen { .picture_group_08{ width: 1300px; margin: 0px auto;} .picture_group_01 .bd,.picture_group_02 .bd,.picture_group_03 .bd,.picture_group_04 .bd,.picture_group_05 .bd,.picture_group_06 .bd,.picture_group_07 .bd,.picture_group_09 .bd{width: 1373px;} .picture_group_08 .bd{width: 1340px;} .picture_group_10{ height: 360px;} .picture_group_10 .trt-row-large .picList ul{ width: 1300px !important;} .picture_group_09 .picture_conent:hover .picture_text{ background-color: #1658a0;} .picture_group_03 .picture_conent .picture_text{ background-color: #1658a0;} } /*文字组word_group*/ .word_group{ position: relative;} .word_group>span{ position: absolute; z-index: 9; top: 50%; margin-top: -.28rem; cursor: pointer; width:.24rem; height: .56rem; line-height: .56rem; border-radius: .04rem; background-color: #1658a0; text-align: center;} .word_group>span i{ font-size: .18rem; color: #ffffff;} .word_group>span.prev{ left: 0rem; text-align: right;} .word_group>span.next{ right: 0rem;} .word_group>span.prevStop,.word_group>span.nextStop{ background-color: #d6d6d6;} .word_group .num{ margin: .32rem auto 0rem; text-align: center; font-size: 0rem;} .word_group .num li { display:inline-block; background-color:#D2D2D2; width:.1rem; height:.1rem; border-radius:50%; overflow: hidden; text-align: center; cursor: pointer; margin: 0rem .04rem;} .content_bg_01 .word_group .num li{ background-color: #ffffff;} .word_group .num li.on, .word_group .num li:hover { background-color: #1658a0;} @media \0screen { .word_group .bd .trt-row{ width: 1360px;} .word_group .bd .trt-row.trt-row-large{ width: 1372px;} } .word_group_01 .bd{ overflow: hidden;} .word_group_01 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_01 .bd .trt-row ul>[class*=trt-col-],.word_group_01 .bd .trt-row-large ul>[class*=trt-col-],.word_group_01 .bd ul.trt-row>[class*=trt-col-],.word_group_01 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_01 .word_conent{ overflow: hidden;} .word_group_01 .trt-row .word_conent{margin-right: .1rem; margin-left: .1rem;} .word_group_01 .trt-row-large .word_conent{ margin-right: .16rem; margin-left: .16rem;} .word_group_01 li:first-child .word_conent,.word_group_01 li:first-child+li .word_conent{ border-bottom: 1px dashed #dcdcdc; padding-bottom: .32rem;} .word_group_01 .word_conent>h3{ line-height: .32rem; height: .64rem; font-size: .2rem; margin-bottom: .16rem;} .word_group_01 .word_conent>p{ line-height: .28rem; height: .56rem; font-size: .16rem; color: #666666;} .word_group_01 .word_conent>p a{ color: #D43030;} .word_group_01 .word_conent>h3,.word_group_01 .word_conent>p{ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .slb .word_group_01 li:first-child .word_conent,.slb .word_group_01 li:first-child+li .word_conent,.slb .word_group_01 li .word_conent{ padding-bottom:.16rem; border-bottom: 1px dashed #dcdcdc;} .slb .word_group_01 li:last-child .word_conent{ border-bottom: none;} @media screen and (max-width:992px) { .word_group_01 .word_conent{ border-bottom: 1px dashed #DCDCDC; padding-bottom: .2rem !important;} .word_group_01 li:last-child .word_conent{ border-bottom: 0rem;} .word_group_01 .word_conent>h3, .word_group_01 .word_conent>p{ -webkit-line-clamp:inherit; overflow: inherit; height: auto;} } @media \0screen { .word_group_01 .bd .trt-row{ height:369px; overflow:hidden;} } .word_group_02 .bd{ overflow: hidden;} .word_group_02 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_02 .bd .trt-row ul>[class*=trt-col-],.word_group_02 .bd .trt-row-large ul>[class*=trt-col-],.word_group_02 .bd ul.trt-row>[class*=trt-col-],.word_group_02 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_02 .word_conent{ overflow: hidden;} .word_group_02 .trt-row .word_conent{margin-right: .1rem; margin-left: .1rem;} .word_group_02 .trt-row-large .word_conent{ margin-right: .16rem; margin-left: .16rem;} .word_group_02 li:first-child .word_conent,.word_group_02 li:first-child+li .word_conent{ border-bottom: 1px dashed #dcdcdc; padding-bottom: .32rem;} .word_group_02 .word_date{ width:.88rem; height:.96rem; float: left; border-right: 1px solid #e2e2e2; margin-right:.32rem; padding-top: .1rem;} .word_group_02 .word_date>h3{ font-size: .44rem; line-height:.36rem;} .word_group_02 .word_date>p{ line-height: .36rem; color: #999999; font-size: .14rem;} .word_group_02 .word_text{ overflow: hidden;} .word_group_02 .word_text>h3{ font-size: .18rem; line-height: .32rem; margin-bottom: .08rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;} .word_group_02 .word_text>p{ line-height: .28rem; font-size: .16rem; color: #999999; height: .56rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;} .word_group_02 .word_text>a{ color: #999999; margin-top: .16rem; line-height: .28rem; display: inline-block; padding-right: .2rem; transition: .3s all;} .word_group_02 .word_text>a i{ font-size:.2rem; color: #999999;} .word_group_02 .word_conent:hover .word_text>a,.word_group_02 .word_conent:hover .word_text>a i{ color: #004098;} .word_group_02 .word_conent:hover .word_text>a { margin-left: .1rem;} .slb .word_group_02 li:first-child .word_conent,.slb .word_group_02 li:first-child+li .word_conent,.slb .word_group_02 li .word_conent{ padding-bottom: .2rem; border-bottom: 1px dashed #dcdcdc;} .slb .word_group_02 li:last-child .word_conent{ border-bottom: none;} @media screen and (max-width:992px) { .word_group_02 .word_date{ width: inherit; margin-right: 0rem; float: inherit; height: auto; border-right: 0rem;} .word_group_02 .word_date>h3,.word_group_02 .word_date>p{ display: inline-block;} .word_group_02 .word_text>a{ margin-top: .16rem;} } @media \0screen { .word_group_02 .bd .trt-row{ height:381px; overflow:hidden;} } .word_group_03 .bd{ overflow: hidden;} .word_group_03 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_03 .bd .trt-row ul>[class*=trt-col-],.word_group_03 .bd .trt-row-large ul>[class*=trt-col-],.word_group_03 .bd ul.trt-row>[class*=trt-col-],.word_group_03 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_03 .word_conent{ overflow: hidden; padding: .24rem .32rem; border: 1px solid transparent;} .word_group_03 .trt-row .word_conent{margin-right: .1rem; margin-left: .1rem;} .word_group_03 .trt-row-large .word_conent{ margin-right: .16rem; margin-left: .16rem;} .word_group_03 .word_conent:hover{ border-color: #1658a0; box-shadow: 0rem .1rem .1rem rgba(0,0,0,.05);} .word_group_03 .word_date{ width:.66rem; height:.96rem; margin-left:.32rem; float: right;} .word_group_03 .word_date>p{ line-height: .36rem; color: #999999; font-size: .2rem; text-align: center;} .word_group_03 .word_date>a{ display: block; height: .56rem; border-left: 1px solid #dddddd; line-height: .56rem; margin-top: .1rem;} .word_group_03 .word_date>a i{ font-size: .2rem; color: #999999; transition: .3s all;} .word_group_03 .word_conent:hover i{ margin-left: .1rem;} .word_group_03 .word_text{ overflow: hidden;} .word_group_03 .word_text>h3{ font-size: .2rem; line-height: .32rem; margin-bottom: .08rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .word_group_03 .word_text>p{ line-height: .28rem; font-size: .16rem; color: #999999; height: .56rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;} .word_group_03 .word_text>a i{ font-size:.2rem;} @media screen and (max-width:992px) { .word_group_03 .word_conent{ border-color: #dddddd; padding: .2rem;} .word_group_03 .word_date{ display: none;} } @media \0screen { .word_group_03 .bd .trt-row{ height:356px; overflow:hidden;} } .word_group_04{ position: relative;} .word_group_04 .bd{ overflow: hidden;} .word_group_04 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_04 .bd .trt-row ul>[class*=trt-col-],.word_group_04 .bd .trt-row-large ul>[class*=trt-col-],.word_group_04 .bd ul.trt-row>[class*=trt-col-],.word_group_04 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_04 .word_conent{ overflow: hidden;} .word_group_04 .trt-row .word_conent{ padding:.18rem .2rem .14rem .2rem; background-color:#ffffff; margin-right: .1rem; margin-left: .1rem;} .word_group_04 .trt-row-large .word_conent{ padding:.3rem .32rem .26rem .32rem; background-color:#ffffff; margin-right: .16rem; margin-left: .16rem;} .word_group_04 .word_conent:hover{ box-shadow:0rem .1rem .1rem rgba(0,0,0,.05);} .word_group_04 .word_conent>h3{ font-size:.2rem; line-height:.32rem; height:.64rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .word_group_04 .word_conent> p{ line-height:.28rem; font-size:.16rem; color:#999999; margin-top: .08rem; text-align: justify;} .word_group_04 .word_conent> p.p1{ height:.84rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;} .word_group_05 .bd{ overflow: hidden;} .word_group_05 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_05 .bd .trt-row ul>[class*=trt-col-],.word_group_05 .bd .trt-row-large ul>[class*=trt-col-],.word_group_05 .bd ul.trt-row>[class*=trt-col-],.word_group_05 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_05 .word_conent{ overflow: hidden;} .word_group_05 .bd .trt-row .word_conent{ margin-right: .1rem; margin-left: .1rem;} .word_group_05 .bd .trt-row-large .word_conent{ margin-right: .16rem; margin-left: .16rem;} .word_group_05 .word_date{ width:.84rem; height:.76rem; border: 1px solid #A6A6A6; padding: .18rem .14rem;} .word_group_05 .word_date>h3{ font-size: .2rem; line-height:.24rem; font-weight: normal;} .word_group_05 .word_date>p{ line-height: .24rem; color: #666666; font-size: .14rem;} .word_group_05 .word_text{ overflow: hidden; margin-top: .24rem;} .word_group_05 .word_text>h3{ font-size: .18rem; line-height: .32rem; margin-bottom: .08rem; height:.64rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-weight: normal; text-overflow: ellipsis;} .word_group_05 .word_text>p{ line-height: .28rem; font-size: .16rem; color: #999999; height: .84rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis;} .word_group_05 .word_text>a{ background-color: #ffffff; margin-top:.26rem; line-height:.26rem; text-align: center; display: inline-block; width: .32rem; height: .32rem; border: 2px solid #666666; border-radius: 100%; transition: .3s all;} .word_group_05 .word_text>a i{ font-size:.12rem; color: #666666;} .word_group_05 .word_conent:hover .word_text>a{ background-color: #1658a0; border-color: #1658a0; margin-left: .1rem;} .word_group_05 .word_text>a:hover i,.word_group_05 .word_conent:hover .word_text>a i{ color: #ffffff;} .slb .word_group_05 .word_text>a{ margin-top: .04rem;} @media screen and (max-width:992px) { .word_group_05 .word_date{ width: inherit; float: inherit; height: auto; } .word_group_05 .word_date>h3,.word_group_05 .word_date>p{ display: inline-block;} .word_group_05 .word_text a{ margin-top: .16rem;} } .word_group_06 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_06 .bd .trt-row ul>[class*=trt-col-],.word_group_06 .bd .trt-row-large ul>[class*=trt-col-],.word_group_06 .bd ul.trt-row>[class*=trt-col-],.word_group_06 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_06 .word_conent{ padding:.16rem .24rem .22rem .24rem; background-color:#ffffff; box-shadow: 0rem 0rem .1rem rgba(0,0,0,.05); border: none; border: 1px solid #eeeeee\0; position: relative; overflow: hidden; margin: .2rem 0rem 0rem 0rem;} .word_group_06 .bd .trt-row .word_conent{ margin:.2rem .1rem .2rem .1rem;} .word_group_06 .bd .trt-row-large .word_conent{ margin:.2rem .16rem;} .word_group_06 .word_date{ width:.86rem; height:.78rem; position:absolute; left:0rem; top:0rem; background-color:#004098; text-align:center;} .word_group_06 .word_date>h3{font-size:.24rem; font-weight:normal; line-height:.48rem; color:#ffffff; background-color:rgba(255,255,255,.3)} .word_group_06 .word_date>p{line-height:.3rem; font-size:.14rem; color:#ffffff; opacity:.5; filter:alpha(opacity=50);} .word_group_06 .word_text{ overflow: hidden;} .word_group_06 .word_conent>h3{ padding-left:.84rem; font-size:.18rem; line-height:.24rem; height:.48rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow: ellipsis;} .word_group_06 .word_conent>p{ line-height: .24rem; font-size: .16rem; color: #999999; height: .72rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis;} .word_group_06 .word_conent>a{ color: #999999; margin-top: .16rem; line-height: .28rem; display: inline-block; margin-left: -.16rem; transition: .3s all;} .word_group_06 .word_conent:hover a{ color: #004098; margin-left: 0rem;} .slb .word_group_06 .word_conent>a{ margin-top: .04rem;} .word_group_07 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_07 .bd{ overflow: hidden;} .word_group_07 .bd .trt-row ul>[class*=trt-col-],.word_group_07 .bd .trt-row-large ul>[class*=trt-col-],.word_group_07 .bd ul.trt-row>[class*=trt-col-],.word_group_07 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_07 .word_conent{ position: relative; padding:.24rem 0rem .3rem 0rem; border-bottom: 1px dashed #dcdcdc; overflow: hidden;} .word_group_07 .trt-row .word_conent{margin-right: .1rem; margin-left: .1rem;} .word_group_07 .trt-row-large .word_conent{ margin-right: .16rem; margin-left: .16rem;} .word_group_07 li h3,.word_group_07 li p{ margin-bottom: .1rem;} .word_group_07 li h3{ line-height: .32rem; font-size: .18rem; position: relative;} .word_group_07 li h3 a{ display: block; padding-left: .3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .word_group_07 li h3 i{font-size: .16rem; color: #ffa71e; position: absolute; left: 0rem; top:0rem;} .word_group_07 li p{ line-height: .32rem; padding-left: .3rem; color: #666666; height:.64rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;} .word_group_07 li span{ padding-left: .3rem; color: #999999;} @media \0screen { .word_group_07 .bd .trt-row{ height:384px; overflow:hidden;} } .word_group_08 .bd>.tempWrap{ margin-left: -.16rem;} .word_group_08 .bd{ overflow: hidden;} .word_group_08 .bd .trt-row>[class*=trt-col-],.word_group_08 .bd .trt-row-large>[class*=trt-col-],.word_group_08 .bd ul.trt-row>[class*=trt-col-],.word_group_08 .bd ul.trt-row-large>[class*=trt-col-]{ padding: 0rem;} .word_group_08 .word_conent{ padding:.28rem .32rem .26rem .32rem; background-color:#f8f8f8; transition:.3s all; overflow: hidden;} .word_group_08 .bd .trt-row .word_conent{ margin:.2rem .1rem;} .word_group_08 .bd .trt-row-large .word_conent{ margin:.2rem .16rem;} .word_group_08 .bd .trt-row ul>[class*=trt-col-],.word_group_08 .bd .trt-row-large ul>[class*=trt-col-]{ padding: 0rem;} .word_group_08 .bd .trt-row .word_conent{ margin:.2rem .1rem .2rem .1rem;} .word_group_08 .bd .trt-row-large .word_conent{ margin:.2rem .16rem;} .word_group_08 .word_conent:hover{ box-shadow:0rem 0rem .1rem rgba(0,0,0,.05);; background-color: #ffffff; cursor:pointer;} .word_group_08 h3{ font-size:.18rem; line-height:.32rem; height:.64rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;} .word_group_08 p.p1{ line-height:.32rem; font-size:.16rem; color:#666666; height:1.28rem; margin-top: .2rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; text-overflow: ellipsis;} .word_group_08 p{ position: relative; text-align: justify;} .word_group_08 p a{ position: absolute; right:-.1rem; top: 0rem; font-size:.18rem; color: #adadad; display: block; transition: .3s all;} .word_group_08 .word_conent:hover p a{ right: -.2rem;} .word_group_08 p span{ line-height:.24rem; display:block; color:#999999;} .slb .word_group_08 p.p1{ margin-top: .04rem;} @media screen and (max-width:992px) { .word_group_08 .bd .trt-row .word_conent,.word_group_08 .bd .trt-row-large .word_conent{ padding: .2rem;} } /*加载(loading)*/ .loading_mask{ position: absolute; z-index: 10; background-color: rgba(0,0,0,.9); background-color:#000000\0; opacity: .7; filter:alpha(opacity=70); margin: 0rem; top: 0rem; right: 0rem; bottom: 0rem; left: 0rem;} .loading_spinner{top: 50%; margin-top: -.21rem; width: 100%; text-align: center; position: absolute;} .loading_spinner .circular{height:.42rem; width: .42rem; animation: loading-rotate 2s linear infinite;} .loading_spinner .path{animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90,150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409eff; stroke-linecap: round;} @keyframes loading-dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -40px } to { stroke-dasharray: 90,150; stroke-dashoffset: -120px } } .loading_spinner i{animation: rotating 2s linear infinite; display: block; font-size:1rem; width: 1rem; height: 1rem; margin: 0rem auto; color: #1658a0;} .loading_spinner .loading_text{color: #1658a0; margin:.04rem 0rem; font-size:.16rem;} @keyframes rotating { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } /*结果*/ .result_group{ text-align: center;} .result_group i{ color: #ffffff; display: block; font-size: .36rem; margin: 0rem auto; width: .6rem; height: .6rem; line-height:.6rem; border-radius: 50%;} .result_group i.result_success{background-color: #63b259;} .result_group i.result_warning{ background-color: #e96525;} .result_group i.result_error{ background-color: #ba2b29;} .result_group i.result_info{ background-color: #909399;} .result_group h3{ line-height: .4rem; margin-top: .12rem; font-size: .18rem; font-weight: normal;} .result_group p{ line-height: .3rem; font-size: .16rem; color: #999999; margin-bottom:.24rem;} /*进度条*/ .progress{ position: relative;} .progress_bar,.progress_text,.progress_circle{ display: inline-block;} .progress_bar{ padding-right: .5rem; display: inline-block; vertical-align: middle; width: 100%; margin-right: -.55rem; box-sizing: border-box;} .progress_text{font-size: .14rem; color: #666666; display: inline-block; vertical-align: middle; margin-left:.1rem;} .progress_bar_outer{ height: 6px; border-radius: 1rem; background-color: #ebeef5; overflow: hidden; position: relative; vertical-align: middle;} .progress_bar_inner{position: absolute; left: 0rem; top: 0rem; height: 100%; background-color: #409eff; text-align: right; border-radius: 1rem;white-space: nowrap; transition: width .6s ease;} .progress_success .progress_bar_inner{background-color: #63b259;} .progress_warning .progress_bar_inner{ background-color: #e96525;} .progress_error .progress_bar_inner{ background-color: #ba2b29;} .progress_info .progress_bar_inner{ background-color: #909399;} .progress_text_inside .progress_bar{padding-right: 0rem; margin-right: 0rem;} .progress_text_inside .progress_bar_outer{ height: .26rem;} .progress_text_inside .progress_text{ display: inline-block; vertical-align: middle; color: #fff; font-size: .12rem; margin: 0rem .04rem;} /*通知（notice）*/ .notification_content{ width: 3.6rem; padding:.02rem .06rem; border-radius: .08rem; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s; overflow: hidden; z-index: 1001; display: none;} .notification_content.is_top_right{ right: .2rem; top: .2rem;} .notification_content.is_bottom_right{ right: .2rem; bottom: .2rem;} @media screen and (max-width:992px) { .notification_content{ width: 90%;} } /*提示信息（alert）*/ .alert_base{ padding:.08rem .16rem; border-radius: 4px; position: relative; background-color: #fff; overflow: hidden; opacity: 1; filter:alpha(opacity=100); display: table; width: 100%; align-items: center; transition: opacity .2s;} .alert_base{ line-height:.36rem\0;} .alert_content { display: inline-block; padding: 0rem .08rem;} .alert_title { font-size:.14rem; line-height: .18rem;} .alert_success{ background-color: #f0f9eb; color: #67c23a;} .alert_info{ background-color: #f4f4f5; color: #909399;} .alert_warning{ background-color: #fdf6ec; color: #e19f40;} .alert_error{ background-color: #fef0f0; color: #ba2b29;} .alert_content i{ position: absolute; right:.1rem; top:.12rem; color: #999999; font-size: .12rem; cursor: pointer;} .alert_content i{ top:0rem\0} .alert_success.is_dark {background-color: #67c23a; color: #fff;} .alert_info.is_dark{background-color: #909399; color: #fff;} .alert_warning.is_dark {background-color: #e19f40; color: #fff;} .alert_error.is_dark {background-color: #ba2b29; color: #fff;} .alert_base.is_dark .alert_content i{ color: #ffffff;} .alert_base>i{ width: .16rem; height: .16rem; display:inline-block; top: -.02rem; position: relative; line-height: .16rem; text-align: center; color: #ffffff; font-size: .1rem; border-radius: 100%;} .alert_base.alert_success>i{ background-color: #67c23a;} .alert_base.alert_info>i{ background-color: #909399;} .alert_base.alert_warning>i{ background-color: #e19f40;} .alert_base.alert_error>i{ background-color: #ba2b29;} .alert_base>i{ margin-left:.1rem\0} .input_group label{ display:table-cell; line-height: .2rem; padding: .08rem .1rem .08rem 0rem; font-size: .16rem; text-align: right;} .input_group_addon{white-space: nowrap; vertical-align: middle;display: table-cell; padding: .08rem .2rem; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px;} .form_control{display: block; width: 100%; padding:.08rem .1rem; font-size: .16rem; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; line-height: .2rem; height: .4rem\9; overflow: hidden; text-overflow: ellipsis; font-family: "microsoft yahei";} .form_control:focus{ border: 1px solid rgba(22,88,160,.3); box-shadow:0 0 .1rem rgba(22,88,160,.3);} .dropdown_toggle{ padding: .08rem .12rem;} .dropdown_toggle:hover,.dropdown_toggle1:hover{ background-color: #f4f4f5; border-color: #cccccc; color: #666666; -webkit-filter: brightness(100%); filter: brightness(100%);} .input_group .form_control{position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0rem;} .input_group .form_control, .input_group_addon, .input_group_btn { display: table-cell; float: initial; vertical-align: middle;} .input_group_addon, .input_group_btn {width: 1%;white-space: nowrap; vertical-align: middle; text-align: center;} .input_group_btn {position: relative;font-size: 0rem;white-space: nowrap; z-index: 2;} .input_group_btn .btn_base{ margin-left: .12rem;} .input_group_btn .btn_base+.btn_base{ margin-left: 0rem;} .caret{display: inline-block; margin:0rem .08rem 0rem 0rem; font-size: .2rem;} .dropdown_menu{position: absolute; top: 100%; right: 0rem; z-index: 1000; display: none; padding: .05rem 0rem; font-size: .14rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);box-shadow: 0 6px 12px rgba(0,0,0,.1);min-width: 1.5rem;max-width: 2.5rem;} .dropdown_menu_right{right: 0rem;left: inherit;top: 100%; max-height: 2.68rem; overflow-y: auto;} .dropdown_menu>li{ text-align: center;} .dropdown_menu>li>a{display: block; clear: both; padding: 0.08rem .16rem; color: #333; text-align: center; font-size: .14rem;} .input_group_btn:last-child>.btn_base, .input_group_btn:last-child>.btn_group {z-index: 2;} .dropdown_menu>li>a:hover{ background-color: #1658a0; color: #ffffff;} .dropdown_menu.max_w{width: 2.5rem;} .input_group1 label{width:1rem;display: block; float: left; margin-top: .14rem; margin-top: 0rem\0; line-height: .48rem\9;} .input_group1 label em{ color: #ff0000; margin-right: .06rem;} .input_group1 .checkbox_base label{ float:inherit\0; width: inherit;} .input_group1 .form_control{ width: calc(100% - 1rem); line-height: .32rem; height: .48rem\9;} .input_group1 .form_control.verification_code{width:25%; float: left; margin-right: .12rem;} .input_group1 .input_dropdown,.input_group1 .input_base{ width: calc(100% - 1rem);} .input_group1 .input_dropdown input[type="text"].input_inner,.input_group1 .input_base .input_inner{ padding: .0379rem .1rem; height: auto; border: 1px solid #ccc;} .input_group1 .input_icon{ top: .14rem;} .input_group1 .select_dropdown{ top: .5rem;} .input_group1 .input_suffix .input_icon_date{ top:.14rem} .slb .input_group_btn .btn_base{ margin-right: 0rem;} .input_group_btn .btn_base+.btn_base{ margin-left: .12rem;} .slb .tag_group .input_group_btn .btn_base+.btn_base{ margin-left: .12rem;} .verification_code_img{ height: .3rem;} .verification_code_img+a{ margin-top: .16rem; display: inline-block;} .input_group1 .input_dropdown input[type="text"].input_inner,.input_group1 .input_base .input_inner{ height: .48rem\0;} @media all and (min-width:0) { .input_group1 .input_dropdown input[type="text"].input_inner,.input_group1 .input_base .input_inner{ height: .48rem\9;} .input_group1 .input_icon{ top: .12rem\9;} .input_group1 .input_suffix .input_icon_date{ top:.12rem\9} } @media \0screen\,screen\9 { .input_group1 .form_control,.input_group1 .input_dropdown,.input_group1 .input_base{ width: 70%;} } /*兼容ie10，ie11*/ @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { .form_control{ height: .36rem;} .input_group1 .form_control{ height: .48rem;} .input_group1 label{ line-height: .48rem;} } @media screen and (max-width:1280px) { .input_group_btn .btn_base{ margin-left: .08rem; margin-right:.08rem;} } @media screen and (max-width:992px) { .input_group1 .form_control.verification_code{ width:40%; margin-right: 0rem;} .tag_group .input_group .form_control,.tag_group .input_group .input_group_btn{ display: block;} .tag_group .input_group .input_group_btn{ margin-top: .12rem;} .tag_group .input_group_btn .btn_base{ margin-left: 0rem; margin-right: .12rem;} .input_group label{ padding: 0.08rem 0rem; min-width: .8rem;} .verification_code_img{ margin: 0rem auto; display: inline-block;} .dropdown_toggle,.dropdown_toggle1{ padding: .06rem .08rem;} .dropdown_toggle .caret,.dropdown_toggle1 .caret{ vertical-align: top; margin-right: 0rem;} .trt-row .input_group[class*=trt-col-]{ padding: 0rem;} .input_group_btn .btn_base{ margin-right:0rem;} .dropdown_menu{position: absolute;top: 100%;right: 0rem;z-index: 1000; display: none; padding: .05rem 0rem;font-size: .14rem;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);box-shadow: 0 6px 12px rgba(0,0,0,.1); min-width: 1.5rem;} .slb .input_group1 .form_control.verification_code{ width:65%; margin-right: 3%;} .slb .verification_code_img{ float: left;} .slb .input_group{ display: block;} .slb .input_group .form_control{ display: block;} .slb .input_group1 label{ width: 100%;} .slb .input_group1 .form_control{ width: 100%;} .filter_area .input_group .form_control,.filter_area .tag_group .input_group .input_group_btn,.slb .title_extend_right.input_group .form_control,.slb .title_extend_right.input_group .input_group_btn{ float: left;} .filter_area .input_group .form_control,.slb .title_extend_right.input_group .form_control{ width:68%;} .filter_area .tag_group .input_group .input_group_btn{ margin-top: 0rem; margin-left: .12rem;} .filter_area .tag_group .input_group .input_group_btn .btn_base,.slb .title_extend_right.input_group .input_group_btn .btn_base{ padding: .08rem .2rem;} .slb .filter_area .input_group .form_control{ width: 58%;} .slb .tag_group .input_group_btn .btn_base+.btn_base{ margin-left: 0rem;} .slb .filter_area .tag_base .input_group .form_control{ width: 100%; margin-bottom: .12rem;} .slb .filter_area .tag_group .tag_base .input_group .input_group_btn{ margin-left: 0rem;} } @media screen and (max-width:640px) { .verification_code_img{ display: block; } .input_group1 .form_control.verification_code{ width: calc(100% - 2rem);} .filter_area .input_group .form_control,.filter_area .tag_group .input_group .input_group_btn{ float: inherit; width: 100%;} .filter_area .tag_group .input_group .input_group_btn{ margin-left:0rem;} .filter_area .tag_group .input_group .input_group_btn .btn_base{ margin-top: .16rem; padding: .08rem 0; width: 100%; display: block;} .slb .filter_area .input_group .form_control{ width: 100%;} } .title_extend{ position: relative;} .title_extend_right{ position: relative; float: right;} .title_extend_left,.title_extend_center{ float: left;} .title_extend_center{ padding:.16rem 0rem .16rem .6rem} .title_extend_right{ padding: .08rem 0rem .08rem .12rem;} .title_extend_center .divider_basee{ width: 2px; margin: 0rem .16rem;} .title_extend_center i{ font-size: .26rem; margin-right: .06rem;} .current_title{ position: relative;} .current_title .title_name{ float: left;} .title_more{ float: right; margin-top:.08rem; position: relative; width: 118px\0; width: inherit;} .title_extend_right .title_sel{ display: none;} .title_sel_con{ display: block;} .title_more .dropdown_menu{ max-height: 2.5rem; overflow-y: auto; display: none;} .leader_name_list.title_more .dropdown_menu{max-height: initial; max-height: inherit\9; overflow-y: inherit\9;} .title_more .dropdown_menu::-webkit-scrollbar{ width:.08rem; border-radius:.04rem; background-color: #eaeaea;} .title_more .dropdown_menu::-webkit-scrollbar-thumb{ width:.08rem; border-radius:.04rem; background-color: #1658a0;} .slb .input_group.title_extend_right{ max-width: inherit; width: 100%; padding-right: 0rem; padding-left: 0rem;} .slb .title_extend_right{ padding-left: 0rem;} .title_extend_right .form_control{ top: .06rem\9;}/*兼容ie9,10*/ .title_extend_right.input_group label{ top: -.06rem\9; position: relative;}/*兼容ie9,10*/ .title_more{ top: .04rem\9;}/*兼容ie9,10*/ .slb .title_more{ margin-top: 0.04rem;} .slb .title_extend_01{ float: none; margin: .1rem 0rem; padding-left: 0rem; clear: both;} /*兼容ie10，ie11*/ @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { .title_extend_right .form_control{ top: .06rem;} .title_extend_right.input_group label{ top: -.06rem;} .title_more{ top: .04rem;} .leader_name_list.title_more .dropdown_menu{ max-height: inherit; overflow-y: inherit;} } @media screen and (max-width:992px) { .title_extend.title_post{ position: relative; padding-top: .6rem;} .title_sel_con{ display: none;} .title_extend_right .title_more{display: inline-block;width: auto;top: 0.08rem;margin-top: 0rem;} .title_extend_right .input_group .form_control{ display: none;} .title_extend_center{ float: inherit; position: absolute; top: 0rem; left: 0rem; right: 0rem; background-color: #f8f8f8; padding: .08rem 0rem; text-align: center; border-radius: .4rem;} .title_extend_center .divider_basee{ margin: 0rem .08rem; width: 1px;} .title_extend_right .title_sel{ display: inline-block; float: right; font-size: .16rem; padding-top: .08rem;} .title_extend_right .title_sel i{ font-size: .16rem; margin-right: .08rem;} .title_extend_right .tag_base{ display: none; position: absolute; right:0rem; width:1.5rem; top: .5rem; background-color: #ffffff; z-index: 99; border-radius: .08rem; padding: .1rem .2rem; box-shadow: 0 0 1rem rgba(0,0,0,.2);} .title_extend_right .tag_base>a{ border: none; text-align: center; display: block; margin: 0rem; line-height:.32rem; border-bottom: 1px solid #e4e4e4; border-radius: inherit;} .title_extend_right .tag_base>a:last-child{ border-bottom: none;} .title_more{position: absolute;right:0rem;top:0rem;z-index: 999;} .title_more .dropdown_menu::-webkit-scrollbar{ background-color:#ffffff;} .title_more .dropdown_menu::-webkit-scrollbar-thumb{ width:.02rem; border-radius:.02rem; background-color: #eaeaea;} .title_more .dropdown_toggle span{ display: none;} .slb .title_extend_center i{ display: none;} .slb .title_extend.title_post{ padding-top: .46rem;} .slb .title_more{ margin-top: 0rem;} .slb .title_name:before{ width: .04rem;} .slb .title_extend_right{ padding-top: 0rem;} .slb .title_extend_right>.btn_base { margin-top: .06rem;} .slb .title_extend_right .tag_base{ top: .4rem;} .title_extend_01{ float: none; margin: .1rem 0rem; padding-left: 0rem; clear: both;} .title_extend_right+.title_extend_right{ text-align: left; display: block; width: 100%;} .title_extend_right+.title_extend_right.input_group{ display:table;} .title_extend_right.input_group label{ padding: 0rem; vertical-align: middle;} } /*Tag 组件*/ .tag_group{ position: relative;} .tag_group label,.tag_base span,.tag_base>a{ display: inline-block; line-height: .26rem; font-size: 0rem;} .tag_base>a{ padding: 0rem .12rem; border-radius: .13rem; border:1px solid #dcdcdc; margin: 0rem .08rem .08rem .08rem; font-size: .14rem;} .tag_base>a:first-child{ margin-left: 0rem;} .tag_base>a:last-child{ margin-right: 0rem;} .tag_group label{float: left;margin-right: .12rem;display: block;font-size: .16rem;margin-top: .08rem; min-width: .8rem;} .tag_group .none_sm label{ margin-top:.04rem;} .tag_group .tag_base span.down{cursor: pointer;margin-left: .1rem;font-size: .16rem;} .tag_group .tag_base span.down i{ color: #999999; font-size: .14rem; margin-left: .04rem; display: inline-block; height: .26rem; width: .26rem; line-height: .26rem;} .tag_group .tag_base span.down.on{ } .tag_base{ overflow: hidden;} .tag_base span{ position: relative; margin: .08rem 0rem;} .tag_base span a{display: block;padding: 0rem .16rem;font-size: .16rem;border-radius: 4px;} .tag_base span a em{ color: #999999;} .tag_base span.on a,.tag_base span a:hover,.tag_base>a.on,.tag_base>a:hover{ background-color: #63a1e5; border-color: #63a1e5; color: #ffffff;} .tag_base span i{ display: none; width: 14px; height: 14px; position: relative;} .tag_base span i.tag_close:before{ position: absolute; content: 'X'; left: 0rem; right: 0rem;} .tag_base span.on a em,.tag_base span a:hover em{ color: #ffffff;} .tag_group.trt-row{ margin: 0rem;} .trt-row .tag_base [class*=trt-col-]{ padding: 0rem;} .tags_base{ position: relative; font-size: 0rem;} .tags_base>span{background-color:transparent; display: inline-block; height:.32rem; padding: 0rem .12rem; line-height:.3rem; font-size:.12rem; color: #333333; border: 1px solid transparent; border-radius: 4px; white-space: nowrap; position: relative; margin-bottom: .12rem; margin-right:.2rem;} .tags_base>span i{border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: .12rem; height: .16rem; width: .16rem; line-height: .16rem; vertical-align: middle; top: -1px; right: -5px} .tags_base>span+span{ } .tags_base>span.tags_success.is_hit { border-color: #67c23a} .tags_base>span.tags_success .tag_close { color: #67c23a} .tags_base>span.tags_success .tag_close:hover { color: #fff; background-color: #67c23a} .tags_base>span.tags_default{ background-color: #ffffff; border-color: #dcdfe6; color: #333333} .tags_base>span.tags_primary{ background-color: #ffffff; color: #1658a0; border-color: #1658a0;} .tags_base>span.tags_success{ border-color: #63b259; color: #63b259; background-color: #f0f9eb;} .tags_base>span.tags_info{ border-color: #cccccc; color: #666666; background-color: #f4f4f5;} .tags_base>span.tags_warning{border-color: #e96525; color: #e96525; background-color: #fdf6ec;} .tags_base>span.tags_danger{border-color: #ba2b29; color: #ba2b29; background-color: #fef0f0;} .tags_base>span sup{ background-color: transparent; border-radius:.12rem; color: #fff; display: inline-block; font-size:.12rem; height:.24rem; line-height:.2rem; padding: 0rem .08rem; text-align: center; white-space: nowrap; border: 1px solid #fff; position: absolute; right: -.1rem; margin-top: -.12rem;} .tags_base>span sup.sup_default{ background-color: #dcdfe6;} .tags_base>span sup.sup_primary{ background-color: #1658a0;} .tags_base>span sup.sup_success{ background-color: #63b259;} .tags_base>span sup.sup_warning{ background-color: #e96525;} .tags_base>span sup.sup_danger{ background-color: #ba2b29;} .tags_base>span sup.sup_info{ background-color: #909399;} .tags_base.tags_sup>span+span{ margin-right: .2rem;} .tags_base>span.tags_default_dark{ background-color: #dcdfe6; border-color: #dcdfe6; color: #333333} .tags_base>span.tags_primary_dark{ background-color: #1658a0; color: #ffffff;} .tags_base>span.tags_success_dark{ color: #ffffff; background-color: #63b259;} .tags_base>span.tags_info_dark{ color: #ffffff; background-color: #666666;} .tags_base>span.tags_warning_dark{ color: #ffffff; background-color: #e96525;} .tags_base>span.tags_danger_dark{color: #ffffff; background-color: #ba2b29;} @media screen and (max-width:992px) { .tag_base>a{ margin: .08rem .08rem 0rem 0rem;} .tag_base span{ margin-bottom:0rem;} .tag_group label{ margin-right: .1rem;} .tag_group .tag_base span.down{ font-size: .14rem;} .tag_group .tag_base span.down i{ font-size: .12rem;} .slb .tag_base span a{ padding:0 .1rem;} .tag_base .input_group { float: inherit !important;} .tag_group label{ float: inherit;} } @media screen and (max-width:768px) { .tag_group label{ margin-right: 0rem; width: 100%; float: inherit; font-size:.16rem; line-height: .4rem; margin-top: 0rem;} .tag_group .tag_base{ padding-right: 0rem;} .tag_base span a{ line-height: .36rem; background-color: #ffffff; margin: 0rem .02rem; font-size: .14rem;} } /*文章细览组件*/ .article_component{ padding: .1rem .8rem .3rem .8rem; min-height: 5rem; overflow-x: hidden; position: relative;} .article_title_group{ padding-bottom: .16rem;} .collect_title{ padding-bottom: 0rem;} .article_intro,.article_title,.article_title_sec{text-align: center;padding: .15rem 0rem;} .collect_title .article_title{ padding-bottom: 0rem;} .article_intro,.article_title_sec{line-height:.3rem;font-size: .18rem;} .article_intro{ padding:0;} .article_title_sec{ padding-top: 0rem;} .article_title{font-size:.28rem;line-height: .48rem;font-weight: bold;} .article_extend{ line-height: .36rem; padding-top:.16rem; font-size:0rem;} .article_extend span{ display: inline-block; margin-right:.2rem; font-size: .16rem; color: #999999;} .article_extend span:last-child{ margin-right: 0rem; padding-right: 0rem;} .function_icon{ text-align: right;} .function_icon span{ position: relative; margin-right: 0rem; padding: 0rem .16rem; padding: 0rem .12rem\0; cursor: pointer;} .function_icon span:before{ content: ''; position: absolute; right: 0rem; top: 50%; margin-top: -.1rem; height: .2rem; width: 1px; background-color: #e2e2e2; } .function_icon span:last-child:before{ display: none;} .article_extend .function_icon span{ margin-right: 0rem;} .article_area{ padding: .2rem 0rem; overflow: hidden;} .article_content{ text-align: justify;} .article_content p{ line-height: .32rem !important; font-size: .16rem !important; margin-top: .15rem !important;} .article_content p img{ margin: .2rem auto; max-width: 100%; display: inline-block;} .article_content_01 p{ line-height: .32rem !important; font-size: .16rem !important; margin-top: .15rem !important;} .function_icon i{ font-size:.24rem;} .article_qrcode_area{ margin-top:.7rem;} .article_qrcode_area,.article_btn_group{ text-align: center;} .article_qrcode{ display: inline-block; margin: 0rem .1rem;} .article_qrcode p{ line-height:.36rem; font-size: .14rem; margin-bottom: .12rem; color: #999999;} .article_qrcode img{ width: 1.4rem; height: 1.4rem; } .article_btn_group{ margin: .3rem auto; text-align: center;} .article_btn_group button{ margin: 0rem .1rem;} .article_btn_group button i{ font-size: .2rem; margin-right: .08rem;} .article_attachment{ margin-top: .08rem;} .article_attachment .title_base,.article_relalinks .title_base{ padding: 0rem;} .function_icon span.share{ position: relative;} .share_box{width: 1.1rem; display: none; padding:.06rem .1rem; position: absolute; right: -.2rem; top:.32rem; z-index: 99; background-color: #ffffff; box-shadow: 0 0 20px rgba(0,0,0,.05); border-radius: .04rem; border: 1px solid #dddddd;;} .share_box a{ height: .4rem; line-height: .4rem; border-bottom: 1px solid #dddddd; display: block; text-align: left; font-size: .14rem;} .share_box a:last-child{ border-bottom: 0rem;} .share_box a i{ font-size: .2rem; margin-right: .08rem;} .share_box a:hover{ text-decoration: none;} .function_icon span.share:hover .share_box{ display: block;} .function_icon span.share:hover:after{ content: ''; position: absolute; left: 50%; transform: translateX(-25%) rotate(45deg); -ms-transform: translateX(-25%) rotate(45deg); top:.27rem; width: .1rem; height:.1rem; background-color: #ffffff; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; z-index: 100;} .trt-icon-weixin1{ color: #51ac55;} .trt-icon-weibo{ color: #cb1e1e;} .trt-icon-kongjian{ color: #f5ae33;} .slb .article_title{ font-size: .24rem; line-height: .4rem;} .slb .article_component{ padding: 0rem .2rem .2rem .2rem;} .slb .article_extend span{ line-height: .2rem;} .slb .article_title_group{ padding-bottom: .08rem;} .slb .article_extend .trt-row [class*=trt-col-]{ width: 100%; text-align: center;} .slb .share_box a i{ font-size: .24rem;} .slb .share_box{ top: .24rem;} .slb .function_icon span.share:hover:after{ top:.21rem;} @media \0screen\,screen\9 { .function_icon span{ padding: 0rem .08rem !important;} } @media screen and (max-width:1280px) { .article_component{ padding: .1rem .3rem .2rem .3rem;} .function_icon span{ padding: 0rem .12rem;} .share_box{ width: 1.2rem;} } @media screen and (max-width:992px) { .article_component{ padding:.08rem 0rem;} .article_extend{ line-height:.16rem; padding-bottom: .1rem;} .article_extend span{ font-size: .14rem;} .article_intro,.article_title,.article_title_sec{ text-align: center;} .article_source{ display: block; width: 100%;} .article_area{ padding: .04rem 0rem;} .article_intro, .article_title_sec{ padding: 0rem;} .article_title{ line-height: .36rem;} .article_content *{ font-size: .18rem !important;} .input_group1 label,.form_control{ font-size: .16rem !important;} .slb .article_component{ padding: 0rem;} .slb .article_extend{ padding-bottom: 0rem; padding-top: .08rem;} .slb .article_extend .trt-row [class*=trt-col-]{ text-align: left;} } @media screen and (max-width:640px) { .article_comment.input_group1 .verification_code_img+a,.pic_renew{ text-align: center; margin-left: 25%; margin-bottom: .1rem;} } @media screen and (max-width:375px) { .article_comment.input_group1 .verification_code_img+a,.pic_renew{ margin-left: 28%;} } @media screen and (max-width:320px) { .article_comment.input_group1 .verification_code_img+a,.pic_renew{ margin-left: 34%;} } /*盒子组件*/ .box_content_base{ padding: .2rem; background-color: #ffffff;} .box_content_large{ padding: .32rem;} .box_content_small{ padding: .12rem;} /*图片组件*/ .picture_fixed{ height: 0rem; overflow: hidden; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center center; background-size:contain; position: relative; display: block; transition: .3s all;} .picture_full{ background-size: cover;}/*图片拉伸*/ .picture_scale_43{ padding-top:75%;} .picture_scale_169{ padding-top:56.25%;} .picture_scale_23{ padding-top:140%;} .picture{ overflow: hidden;} .picture_fixed:hover{ transform: scale(1.05); -ms-transform: scale(1.05);} .picture_title{ padding: .1rem .16rem; text-align: justify;} .picture_title>a{ line-height: .24rem; text-align: center; height: .48rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .picture_title h3,.picture_title_01 h3{ font-size: .16rem; line-height:.24rem; font-weight: normal; } .picture_title_01{ padding:.1rem .16rem; text-align: justify;} .picture_title_01 p{ line-height:.22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999999; font-size: .14rem;} .picture_title h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .picture_title_01 h3{ display: -webkit-box; -webkit-line-clamp: 2; height: .48rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} /*标签切换组件*/ .tab_base{ position: relative; overflow: hidden;} .tab_base:after{ content: ''; position: absolute; z-index: 1; left: 0rem; right: 0rem; bottom: 0rem; height: 2px; background-color: #e4e7ed;} .tab_base li{ line-height: .56rem; float: left; position: relative; font-size: .2rem; margin-right: .2rem;} .tab_base li a{ display: block;} .tab_base li.on a,.tab_base li a:hover{ color: #1658a0; font-weight: bold;} .tab_base li.on:before{ content: ''; position: absolute; z-index:2; left: 0rem; right: 0rem; bottom: 0rem; height: 2px; background-color: #1658a0;} .tab_base li a i{ font-size: .24rem; margin-right: .06rem;} .tab_base.tab_horizontal_large li{ margin-right: .32rem; font-size: .24rem;} .tab_base.tab_horizontal_large li i{ font-size: .32rem; margin-right: .1rem;} .tab_base.tab_horizontal_base li{ margin-right: .24rem;} .tab_base.tab_horizontal_small li{ margin-right: .18rem;} .tab_base.tab_horizontal_xs li{ margin-right: .1rem;} .tab_base li:last-child{ margin-right: 0rem;} .tab_base.tab_vertical_large li{ padding:.2rem;} .tab_base.tab_vertical_base li{ padding: .16rem;} .tab_base.tab_vertical_small li{ padding: .12rem;} .tab_base.tab_vertical_xs li{ padding:.08rem;} @media screen and (max-width:992px) { .tab_base ul{ white-space: nowrap; overflow-x: auto;} .tab_base li{ float: inherit; display: inline-block;} .tab_base.tab_horizontal_large li{ margin-right: 0rem; padding: 0rem .1rem; font-size: .2rem;} .tab_base li a i{ display: none;} } /*网上调查组件*/ .pollform_group{} .pollform_group_item{} .pollform_group_item_title{ font-size: .18rem; line-height: .4rem; margin-top: .12rem;} .pollform_group_item_content{ padding:.16rem .2rem; background-color: #fcfcfc; border: 1px #e9e9e9 solid; line-height: .36rem; border-radius: .04rem; margin-top: .12rem;} .pollform_group_item_content label input[type="radio"]{ margin-right:.08rem;} .collect_list_item li{ padding:.2rem 2.7rem .2rem 0rem; position: relative; border-bottom: 1px solid #eaeaea; cursor: pointer;} .collect_list_item li:hover{ background-color: #fafafa;} .collect_list_item li h3>em.collect_list_item_status{ position: absolute; left:0rem; font-size: .16rem; top: .08rem; width:1.02rem; line-height:.6rem; text-align: center; border-radius:.04rem; box-shadow: 6px 6px 0 rgba(24,124,236,.05); background-color: #fafafa; border: 1px solid #eaeaea; color: #999999;display: inline-block;} .collect_list_item li h3>em.on{ background-color: #71a0d3; color: #ffffff; box-shadow: 6px 6px 0 rgba(191,191,191,.08);} .collect_list_item li h3{ font-size: .18rem; font-weight: normal; line-height: .38rem; padding-left: 1.3rem; position: relative;} .collect_list_item li:hover h3{ font-weight: bold; color: #1658a0;} .collect_list_item li p{ line-height: .38rem; color: #666666; padding-left: 1.3rem;} .collect_list_item li>span{ position: absolute; right: .08rem; top:.4rem; height: .38rem; display: block; font-size: 0rem;} .collect_list_item li>span button:first-child{ margin-left: 0rem;} .collect_list_item li>span .btn_base{ margin-left: .24rem;} .collect_list_group_01 .collect_list_item li{ border-bottom: 1px dashed #DCDCDC;} .collect_list_group_01 .collect_list_item li h3{ padding-left: .2rem;} .collect_list_group_01 .collect_list_item li h3:before{ content: ''; position: absolute; left: 0rem; width: .04rem; height: .04rem; border-radius: 50%; background-color: #1658A0; top: .17rem;} .collect_list_group_01 .collect_list_item li h3>em.collect_list_item_status{ position: inherit; left: inherit; top: inherit; width: inherit; background-color: #EFF7FF; border-radius: .04rem; border: none; color: #2B70BB; padding:.03rem .16rem .05rem .16rem; box-shadow: none; margin-left: .2rem; line-height: inherit;} .collect_list_group_01 .collect_list_item li>span{ top: 50%; margin-top: -.22rem; right: 0rem;} .collect_list_group_01 .collect_list_item li>span .btn_base{ padding: .11rem .19rem; font-size: .18rem; background-color: #F2F2F2; border: none; color: #999999;} .collect_list_group_01 .collect_list_item li>span .btn_base.btn_primary{ color: #ffffff; background-color: #2B70BB;} .collect_list_group_01 .collect_list_item li>span .btn_base.btn_not_allowed{ color: #999999; border: 1px solid #F2F2F2; background-color: #ffffff;} .collect_list_group_01 .collect_list_item li h3>em.on{ background-color: #FFF7E6; color: #F47C11;} .collect_list_group_02 .collect_list_item li{ border-bottom: 1px dashed #DCDCDC; padding:.24rem 2.7rem .38rem 0rem;} .collect_list_group_02 .collect_list_item li h3,.collect_list_group_02 .collect_list_item li p{ padding-left: 1.52rem;} .collect_list_group_02 .collect_list_item li h3{ margin-top: .14rem; font-weight: bold; line-height: .32rem; margin-bottom: .08rem;} .collect_list_group_02 .collect_list_item li h3>em.collect_list_item_status{width: .96rem; height: .96rem; left: .24rem; top: -.14rem; line-height: .82rem; border: 1px solid #EAEAEA; box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.02); border-radius: .2rem; font-size: .18rem; font-weight: normal;} .collect_list_group_02 .collect_list_item li h3>em.collect_list_item_status:after{ content: ''; position: absolute; left: 50%; margin-left: -.18rem; width: .36rem; height: 1px; background-color: #EAEAEA; top:65%;} .collect_list_group_02 .collect_list_item li h3>em.on:after{ background-color: #FFFFFF;} .collect_list_group_02 .collect_list_item li>span{ top: 50%; margin-top: -.22rem; right: .2rem;} .collect_list_group_02 .collect_list_item li>span .btn_base{ padding: .11rem .19rem; font-size: .18rem; background-color: #F2F2F2; border: none; color: #999999;} .collect_list_group_02 .collect_list_item li>span .btn_base.btn_primary{ color: #ffffff; background-color: #2B70BB;} .collect_list_group_02 .collect_list_item li>span .btn_base.btn_not_allowed{ color: #999999; border: 1px solid #F2F2F2; background-color: #ffffff;} .collect_list_group_02 .collect_list_item li h3>em.on{ background: linear-gradient(135deg, rgba(76, 217, 142, 1) 0%, rgba(59, 196, 123, 1) 100%); color: #ffffff;} .collect_list_group_02 .collect_list_item li p{ line-height: .28rem; color: #999999;} .collect_list_group_03 .collect_list_item li{ border-bottom: 1px dashed #DCDCDC; padding:.24rem 1.4rem .24rem 0rem;} .collect_list_group_03 .collect_list_item li h3,.collect_list_group_03 .collect_list_item li p{ padding-left:0rem;} .collect_list_group_03 .collect_list_item li h3{ font-weight: bold; line-height: .32rem; margin-bottom: .08rem; position: relative;} .collect_list_group_03 .collect_list_item li h3:after{ position: absolute; content: ''; width: 2em; height: 1px; background-color: #1658a0; left: 0rem; bottom: -.02rem;} .collect_list_group_03 .collect_list_item li>em.collect_list_item_status{ position: absolute; text-align: center; width:1.08rem; height: .56rem; right: 0rem; top:50%; margin-top: -.28rem; line-height: .56rem; border: 1px solid #EAEAEA; box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.02); border-radius: .08rem; font-size: .18rem; font-weight: normal; background-color: #FAFAFA; color: #999999;} .collect_list_group_03 .collect_list_item li>em.on{ background-color: #3AC47B; color: #ffffff;} .collect_list_group_03 .collect_list_item li h3>span{ margin-left: .12rem;} .collect_list_group_03 .collect_list_item li h3>span .btn_base{ padding: .06rem .16rem; font-size: .16rem; background-color: #F2F2F2; border: none; color: #999999;} .collect_list_group_03 .collect_list_item li h3>span .btn_base.btn_primary{ color: #ffffff; background-color: #2B70BB;} .collect_list_group_03 .collect_list_item li h3>span .btn_base.btn_not_allowed{ color: #999999; border: 1px solid #F2F2F2; background-color: #ffffff;} .collect_list_group_03 .collect_list_item li h3>em.on{ background: linear-gradient(135deg, rgba(76, 217, 142, 1) 0%, rgba(59, 196, 123, 1) 100%); color: #ffffff;} .collect_list_group_03 .collect_list_item li p{ line-height: .28rem; color: #999999;} .slb .collect_list_item li{ padding-right: 0rem;} .slb .collect_list_item li h3{ padding-left: 1.5rem\0; padding-left: 1.3rem;} .slb .collect_list_item li>span{position: relative;top: .04rem;right: auto; left: 1.3rem;} .slb .collect_list_item li>span .btn_base+.btn_base{ margin-left: .12rem;} .slb .collect_list_group_01 .collect_list_item li h3{ padding-left: 0rem;} .slb .collect_list_group_01 .collect_list_item li>span{ top: inherit; left: -.12rem; margin-top: .12rem;} .slb .collect_list_group_01 .collect_list_item li h3:before{ display: none;} .slb .collect_list_group_02 .collect_list_item li>span{ top: inherit; left:1.4rem; margin-top: .12rem;} .slb .collect_list_group_02 .collect_list_item li h3,.slb .collect_list_group_02 .collect_list_item li p{ padding-left: 1.52rem;} .slb .collect_list_group_03 .collect_list_item li{ padding-right:1.4rem;} .slb .collect_list_group_03 .collect_list_item li h3{ padding-left: 0rem;} @media screen and (max-width: 1280px){ .slb .collect_list_item li{padding:.16rem 0rem;} .slb .collect_list_item li h3>em.collect_list_item_status{position: inherit;display: inline-block; top: inherit;left: inherit; height: .4rem; line-height: .4rem; padding: 0rem .1rem; margin-right: .12rem;} .slb .collect_list_item li h3{ display: inline-block; padding-left: 0rem;} .slb .collect_list_item li p{ padding-left: 0rem;} .slb .collect_list_item li>span{ top: inherit; left: 0rem;} .slb .collect_list_group_02 .collect_list_item li h3, .slb .collect_list_group_02 .collect_list_item li p{ padding-left: 0rem;} .slb .collect_list_group_02 .collect_list_item li>span{ left:-.12rem;} .slb .collect_list_group_02 .collect_list_item li h3>em.collect_list_item_status:after{ display: none;} .collect_list_group_03 .collect_list_item li h3:after{ display: none;} } @media screen and (max-width: 992px){ .collect_list_item li{padding-right: 0rem;padding-left: 0rem;padding-top: .1rem;} .collect_list_group_01 li:first-child,.collect_list_group_03 li:first-child{ padding-top: 0rem;} .collect_list_item li h3>em.collect_list_item_status{ position: inherit; top: inherit; left: inherit; display: inline-block; font-size: .14rem; width: inherit; height: .4rem; line-height: .4rem; padding: 0 .1rem; margin-right: .12rem;} .collect_list_item li h3{font-size:.16rem;line-height:.3rem; padding-left: 0rem;} .collect_list_item li>span,.collect_list_group_01 .collect_list_item li>span{position: relative;top: inherit;right: inherit;margin: .12rem auto 0rem;width: 100%;} .collect_list_item li p{ padding-left: 0rem;} .collect_list_item li:last-child{ border-bottom: none; padding-bottom: 0rem;} .collect_list_item li>span .btn_base{ margin-left: .12rem;} .collect_list_group_01 .collect_list_item li h3>em.collect_list_item_status{ line-height: inherit; height: inherit; padding: 0rem .08rem; margin-left: .08rem;} .collect_list_group_02 .collect_list_item li{ padding: 0rem 0rem .16rem 0rem;} .collect_list_group_02 .collect_list_item li h3,.collect_list_group_02 .collect_list_item li p{ padding-left: 0rem;} .collect_list_group_02 .collect_list_item li>span{ margin-top: .12rem; left: inherit; top: inherit; right: inherit;} .collect_list_group_02 .collect_list_item li h3>em.collect_list_item_status{ height: .32rem; line-height: .28rem; width: inherit; left: inherit; top: inherit; font-size: .16rem;} .collect_list_group_02 .collect_list_item li h3>em.collect_list_item_status:after{ display: none;} .collect_list_group_02 .collect_list_item li>span .btn_base{ font-size: .16rem; padding: .08rem .12rem;} .collect_list_group_03 .collect_list_item li{ padding-right: 0rem;} .collect_list_group_03 .collect_list_item li>em.collect_list_item_status{ position: inherit; right: inherit; top: inherit; margin-top: inherit; width: 100%; display: block; height: .36rem; line-height: .36rem; margin-bottom: .12rem;} .collect_list_group_03 .collect_list_item li h3>span{ display: block; margin-left: 0rem; margin-top: .08rem; font-size: 0rem;} .collect_list_group_03 .collect_list_item li h3{ margin-bottom: 0rem;} .collect_list_group_03 .collect_list_item li h3>span .btn_base{ font-size: .14rem;} .collect_list_group_03 .collect_list_item li>em.collect_list_item_status{ font-size: .14rem;} .slb .pollform_group_item_title{ font-size: .16rem; line-height:.28rem;} .slb .pollform_group_item_content{ padding: .1rem .12rem;} .slb .collect_list_item li p{ line-height: .2rem; font-size: .14rem; margin-top: .08rem;} .slb .collect_list_group_03 .collect_list_item li{ padding-right: 0rem;} .slb .collect_list_group_03 .collect_list_item li p{ margin-top: 0rem;} } /*在线访谈组件*/ .interview_group{ position: relative; height: 8.5rem; overflow-y: auto; margin: .2rem auto; padding: 0rem .2rem;} .interview_group::-webkit-scrollbar{ width: .1rem; border-radius: 4px; background-color: #eaeaea;} .interview_group::-webkit-scrollbar-thumb{ width: .1rem; border-radius:4px; background-color: #1658a0;} .interview_notice_tit{position: relative; text-align: center;} .interview_notice_tit:before,.interview_notice_tit:after{content: ' '; display:block; background: #1658A0; position: absolute; top: 50%; height: 1px; width: 35%;} .interview_notice_tit:before{left: 0rem;} .interview_notice_tit:after{right: 0rem;} .interview_notice_tit h1{vertical-align: middle; display:inline-block; width: 1.5rem; line-height: .5rem; background: #1658A0; color: #FFF; height: .5rem; font-size: .22rem; font-weight: bold; margin:0rem .12rem;} .interview_notice_tit i{display: inline-block; width: 6px; height: 6px; background: #1658A0; border-radius: 50%; vertical-align: middle;} .interview_notice_con li{ background-color: #f3f8ff; padding: .08rem .16rem; margin-top: .16rem; line-height: .32rem; border-radius: .04rem; text-align: justify;} .interview_notice_con li em{ display: block; float: left;} @media screen and (max-width: 992px){ .interview_group{ padding: 0rem 0rem 0rem .06rem;} .timeline_item_wrapper{ padding-left: .2rem; padding-right: .04rem;} .interview_group::-webkit-scrollbar{ background-color: transparent;} .interview_group::-webkit-scrollbar,.interview_group::-webkit-scrollbar-thumb{ width: .04rem; border-radius:.02rem;} } /*领导细览组件*/ .leader_area{ position: relative; z-index: 9;} .leader_area:before{ position: absolute; left: .32rem; top: 0rem; bottom: 0rem; width: 1px; background-color: #ebebeb;} .leader_name_list{ float: inherit; width: 100%;} .leader_content{ overflow: hidden;} .leader_more{display: none;} .leader_more i{vertical-align: top;} .leader_more.btn_outline_info:hover{ background-color: #f4f4f5; color: #666666; -webkit-filter: brightness(100%); filter: brightness(100%);} .leader_name_list.title_more .dropdown_menu{ display: block; position: relative; border: none; box-shadow: none; padding: 0rem; max-width: inherit; min-width: inherit;} .leader_name_list ul li{ margin-bottom: .1rem;} .leader_name_list ul li a{display: block; text-align: left; background-color: #ececec;line-height:.26rem; position: relative;padding: .15rem .26rem .15rem .16rem;} .leader_name_list ul li a span{ font-size: .18rem; width: .76rem; display: block; float: left;} .leader_name_list ul li a p{ overflow: hidden;} .leader_name_list ul li a i{ position: absolute; right: .16rem; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); color: #999999; font-size:.1rem;} .leader_name_list ul li.on a,.leader_name_list ul li a:hover{ font-weight: bold; background-color: #1658a0; color: #ffffff;} .leader_name_list ul li.on a i,.leader_name_list ul li a:hover i{ color: #ffffff; font-weight: normal;} .leader_pic{ max-width:33.3%; margin: 0rem auto;} .leader_name_list_01 ul li{overflow: hidden; height: .74rem; margin-bottom: 0rem;} .leader_name_list_01 ul li a{ overflow: hidden; height: .68rem; border:1px solid #e6e6e6; border-radius: .04rem; padding: 0rem; background-color: #f9f9f9; display: table; width: 100%;} .leader_name_list_01 ul li a span,.leader_name_list_01 ul li a p{ height: .66rem; overflow: hidden; display: table-cell; vertical-align: middle; float: inherit;} .leader_name_list_01 ul li a p{ line-height: .18rem; font-size: .13rem; color: #666666; padding-right: .12rem;} .leader_name_list_01 ul li a span{ padding-left: .2rem; width: .9rem;} .leader_name_list_01 ul li a:hover p{ color: #ffffff;} @media \0screen { .leader_name_list ul li a i{ margin-top: -28px;} } .slb .leader_name_list{margin-right: .32rem;} .slb .leader_content{ margin-right: 0rem;} .slb .leader_content .trt-col-6{ width:50%;} @media screen and (max-width:992px) { .leader_more{ display:block;} .leader_content{ margin-right: 0rem;} .leader_name_list{float:inherit;width: auto;margin-right: 0rem;margin-top: 0rem;text-align: right;top: -0.41rem !important;right: .16rem;} .leader_name_list .dropdown_toggle{ padding-bottom:.07rem} .slb .leader_name_list{} .leader_name_list ul{} .leader_name_list ul li{ margin-bottom:0rem;} .leader_name_list ul li a{ line-height:.34rem; text-align: center; height:.34rem; background-color:transparent; padding: 0rem .2rem;} .leader_name_list ul li a span{ font-size:.16rem; width: 100%; display: block;} .leader_name_list ul li a i{ display:none;} .leader_name_list ul li a p{ display: none;} .leader_name_list_01 ul li a span{ line-height: .66rem;} .leader_name_list.title_more .dropdown_menu{display: none;position: absolute;border: 1px solid #ddd;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 10%);box-shadow: 0 6px 12px rgb(0 0 0 / 10%);padding: .05rem 0rem;max-height: 2.5rem;width: 2rem;} .slb .leader_content [class*=trt-col-]{ } .slb .leader_name_list{ margin-right:0rem;} } @media screen and (max-width:640px) { .leader_pic{ max-width:66%;} } /*站点地图组件*/ .site_map{} .site_map_item{ padding-left: 2.02rem; position: relative; margin-top: .2rem; overflow: hidden; min-height:.92rem;} .site_map_item:before{ content: ''; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 1.8rem; background-color: #f3f9ff; z-index: 1;} .site_map_item .site_map_title{ position: absolute; z-index: 3; top: 50%; margin-top: -.38rem; left: 0rem; width: 1.8rem; text-align: center; line-height: .36rem; font-size: .2rem;} .site_map_item .site_map_title p{ font-weight: bold;} .site_map_item .site_map_title i{ font-size: .36rem; color: #1658a0;} .site_map_item ul{ padding-top:.06rem; overflow: hidden;} .site_map_item li{ font-size: .16rem; line-height:.4rem;} .site_map_item li a{ display: block; padding-left: .18rem; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: .16rem;} .site_map_item li a:before{ position: absolute; content: ''; left: 0rem; top: 50%; margin-top: -.03rem; width: .06rem; height: .06rem; border-radius: 50%; background-color: #bfbfbf;} @media screen and (max-width:992px) { .site_map_item{ padding-left: 0rem; min-height: inherit; margin-top: .08rem;} .site_map_item .site_map_title{ position: relative; left: 0rem; top: inherit; transform: translateY(0); padding: .06rem 0rem .06rem .16rem; -ms-transform: translateY(0); background-color: #f3f9ff; width: 100%; text-align: left; margin-top: 0rem;} .site_map_item:before{ display: none;} .site_map_item .site_map_title p{ display: inline-block;} .site_map_item .site_map_title i{ font-size: .24rem; margin-right: .08rem; vertical-align: top;} .site_map_item ul{ padding: .08rem;} .site_map_item li a:before{ width: .05rem; height: .05rem;} } @media screen and (max-width:640px) { } @media \0screen\,screen\9 { .leader_name_list ul li a i{top:0rem} } /*专题专栏*/ .special_content{} .special_list li a{ display: block; overflow: hidden;} .special_list1 li a{ border: 1px solid #e0e0e0; display: block; position: relative; height:.9rem; border-radius:.04rem;} .special_list1 li p{ line-height:.24rem; font-size: .18rem; left: .24rem; padding-left: .28rem; right:.5rem; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); max-height: .48rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .special_list1 li em{ position: absolute; left: .08rem; top: -1px; width:.27rem; height:.81rem; z-index:4; display: none;} .special_list1 li p:before{ position: absolute; content: ''; left: 0rem; width: .08rem; height:.17rem; top: 50%; margin-top: -.08rem; background-color: #1658a0; z-index: 3;} .special_list1 li i{ width:.28rem; height:.28rem; line-height:.26rem; display: block; text-align: center; border: 2px solid #d1d1d1; color: #d1d1d1; border-radius: 100%; position: absolute; right: .2rem; top: 50%; margin-top: -.14rem; font-size:.08rem;} .special_list1 li em.ygd{ display: block;} .special_list1 li em.ygd img{ width: 100%;} .special_list1 li:hover i{ border: 2px solid #1658a0; color: #1658a0;} .slb .special_list1 li i{ font-size: .14rem;} @media \0screen\,screen\9 { .special_list1 li p{ top: 25%;} } .special_list2 li .special_box{ background-color: #f1f8ff; position: relative; height:1.14rem; padding: .2rem .28rem;} .special_list2 li .special_box:hover{ background-color: #1658a0;} .special_list2 li .special_box h3{ line-height: .42rem; font-weight: normal; font-size: .18rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .special_list2 li .special_box p{ line-height: .34rem; font-size: .16rem; color: #999999;} .special_list2 li .special_box p a{ color: #999999;} .special_list2 li .special_box p a span{ font-family: simsun; margin-left: .12rem;} .special_list2 li .special_box:hover h3 a,.special_list2 li .special_box:hover p a{ color: #ffffff;} .special_list2 li .special_box em{ position: absolute; right:.16rem; width: 1rem; height: .87rem; top: 50%; margin-top: -.43rem; z-index:4; display: none; text-align: right; line-height: .87rem;} .special_list2 li .special_box em.ygd{ display: block;} .slb .special_list2 li .special_box{ height: auto;} /*外部链接组件*/ .otherlink-bg { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0rem; left: 0rem; opacity: 0; filter:alpha(opacity=0); position: fixed; right: 0rem; top: 0rem; transition: all 0.3s ease 0s; z-index: 99; } .otherlink-bg.in { opacity: 1; filter:alpha(opacity=100);} .otherlink-pop { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.3); border-radius:.08rem; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); height: 1.8rem; left: 50%; margin: -2.5rem 0rem 0rem -2.8rem; overflow: hidden; position: fixed; top: -25%; transition: all 0.4s ease 0s; width: 4.7rem; z-index: 100; } .otherlink-pop.in { top: 50%; } .otherlink-pop a.offBtn { color: #ccc; font-size: .2rem; font-weight: 700; line-height: .2rem; padding:.08rem .1rem; position: absolute; right:.08rem; top: .05rem; } .otherlink-pop h2 { padding: .45rem .4rem; font-weight: normal; text-align: left; font-size: .14rem; line-height: .2rem; } .otherlink-pop p.btns { background: #f5f5f5 none repeat scroll 0 0; border-top: 1px solid #ddd; bottom: 0rem; height: .5rem; left: 0rem; position: absolute; text-align: right; width: 100%; } .otherlink-pop p.btns a { border: 1px solid #bbbbbb; border-radius: .04rem; color: #333; display: inline-block; font-size: .14rem; height: .3rem; line-height: .3rem; margin:.08rem .16rem 0rem 0rem; padding:0rem .16rem; } .otherlink-pop p.btns a:hover { background: #e6e6e6 none repeat scroll 0 0; } .otherlink-pop p.btns a.toOtherLink { background: #337ab7 none repeat scroll 0 0; border: 1px solid #337ab7; color: #fff; } .otherlink-pop p.btns a.toOtherLink:hover { background: #286090 none repeat scroll 0 0; } /*表格组件*/ .table_con{ overflow-x: auto;} .table_con::-webkit-scrollbar{ height: .08rem; background-color: #f8f8f8; border-radius: .04rem;} .table_con::-webkit-scrollbar-thumb{ background-color: #bbbbbb; border-radius: .04rem;} .table_con .table_base{ min-width:10rem;} .table_base{ table-layout: fixed; border-collapse: separate; width: 100%;} .table_base th,.table_base td{ padding: .16rem 0rem; min-width: 0rem; box-sizing: border-box; text-overflow: ellipsis; vertical-align: middle; position: relative; overflow: hidden; background-color: #fff;} .table_base th{ font-size: .16rem; font-weight: bold; color: #666666; text-align: left;} .is_center th,.is_center td,.is_center dt,.is_center dd{ text-align:center;} .table_base th[align="left"],.table_base td[align="left"]{ text-align: left;} .table_base th[align="center"]{ text-align: center;} .table_base td{ transition: background-color .25s ease;} .table_base tr:hover td{ background-color: #F6F6F6;} .table_base th .cell,.table_base td .cell,.list_table dt .cell,.list_table dd .cell{ overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-all; line-height:.24rem; padding-left:.16rem; padding-right:.12rem;} .table_base th, .table_base td{ border-bottom: none; } .table_striped tr:nth-child(odd) td,.table_striped dl:nth-child(odd) dd{background: #fafafa;} .table_border{ border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC;} .table_border th,.table_border td{ border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;} .table_border td{ border-bottom: 1px solid #DCDCDC;} .table_border dt,.table_border dd{ border-right: 1px solid #DCDCDC} .table_base.is_group th{ background: #fafafa;} .table_striped.list_table dl{ border-bottom: none;} /*有底线的*/ .table_base_bor_b td{ border-bottom: 1px solid #DCDCDC;} .table_base th .cell, .table_base td .cell{ padding-left: .1rem; padding-right: .1rem;} .table_border.table_base th .cell,.table_border.table_base td .cell{ padding-left: .1rem; padding-right: .1rem; line-height: .28rem;} .table_border td.td1{ background-color: #f8f8f8; width: 1.4rem; text-align: right;} .table_base td.f_c{ text-align: center;} .table_striped tr:nth-child(even) td{background: #fafafa;} .table_striped tr:nth-child(odd) td{background: #ffffff;} .slb .table_border td.td1{ width: 1rem;} @media screen and (max-width:414px) { .slb .table_border.table_base td .cell{ padding-left: .08rem; padding-right: .08rem; } } @media screen and (max-width:374px) { .table_border.table_base td .cell{ padding-left: .08rem; padding-right: .08rem; } } /*列表组件*/ .list_base{} .list_base li{ line-height:.28rem; font-size: .16rem; position: relative; padding-left: .16rem; text-align: justify; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: .12rem;} .list_base li:last-child{ margin-bottom: 0rem; border-bottom: 0rem;} .list_base li:before{ content: ''; position: absolute; width:.04rem; height:.04rem; background-color: #1658a0; border-radius: 50%; left: 0px\0; top: 12px\0; left: .01rem; top: .12rem;} .list_base li:hover:before{ background-color: #1658a0;} .list_base li>span,.list_base li h3 span{ color: rgb(153,153,153); position: absolute; right: 0rem; display: block; font-size: .16rem; top: 0rem; font-weight: normal;} .list_base li>em{ display: inline-block; margin-right: .16rem;} .list_base li>h3{ font-weight: normal; font-size: .16rem;} .list_base li>p{ color: rgb(153,153,153);} .list_base li>span a{ text-decoration: underline; font-size: .14rem;} .list_base li>i{ font-size: .14rem; color: #999999;} .list_base>.more{ display: none;} .list_base>.more a{ color: #666666; display: block;} .list_base .trt-row{margin-left: 0rem; margin-right: -.2rem;} .list_base .trt-row-large{ margin-left: 0rem; margin-right: -.32rem;} .list_base .trt-row [class*=trt-col-]{padding: 0rem .1rem;} .list_base .trt-row-large [class*=trt-col-]{ padding: 0rem .16rem;} .list_base .trt-row li[class*=trt-col-]>span{ right: .2rem;} .list_base .trt-row-large li[class*=trt-col-]>span{ right: .32rem;} /*有日期的列表*/ .list_base_date_01 li{ padding-right:.98rem;} .list_base.list_base_date_01 .trt-row,.list_base.list_base_date_01 .trt-row-large{ margin-right: -.24rem;} .list_base.list_base_date_01 .trt-row li[class*=trt-col-],.list_base.list_base_date_01 .trt-row-large li[class*=trt-col-]{ padding-right: 1.1rem;} .list_base.list_base_date_01 .trt-row li[class*=trt-col-]>span,.list_base.list_base_date_01 .trt-row-large li[class*=trt-col-]>span{ right: .24rem;} /*不限制高度的列表*/ .list_base_date_02 li{ white-space: inherit; overflow: inherit; text-overflow: inherit;} .list_base_date_02 li>span{ position: inherit; right:inherit; top: inherit; margin-left: .2rem; display: inline-block;} /*有分割线的列表-虚线-实线*/ .list_base_line_01 li,.list_base_line_02 li{ margin-bottom: 0rem; border-color:rgb(220,220,220); border-bottom-width: 1px; padding-top: .12rem; padding-bottom: .12rem;} .list_base_line_01 li{ border-bottom-style: dashed;} .list_base_line_02 li{ border-bottom-style: solid;} .list_base_line_01 li:before,.list_base_line_02 li:before{ top: 24px\0; top: .24rem;} .list_base_line_01 li>span,.list_base_line_02 li>span{ top: .12rem;} .list_base_line_01 li:last-child,.list_base_line_02 li:last-child{ border-bottom-width: 0px;} /*政策类前面无小圆点*/ .list_base_no_dot li{ padding-left: 0rem !important;} .list_base_no_dot li:before{ display: none;} /*前面有政策类文字*/ .list_base_policy li>em{ position: relative; padding-right: .16rem;} .list_base_policy li>em:after{ content: ''; position: absolute; right: 0rem; width: 1px; height: .16rem; background-color: #dddddd; top: 50%; margin-top: -.08rem;} /*征集调查前面有状态*/ .list_base_state li>em{ color: rgb(153,153,153); border: 1px solid rgb(220,223,230); font-size: .14rem; border-radius: .04rem; line-height: .24rem; padding: 0rem .08rem; margin-left: 1px;} .list_base_state li.on>em{ color:rgb(24,96,175); border-color:rgb(24,96,175);} .list_base_state_01 li>span{ top: 50% !important; margin-top:-.15rem; border: 1px solid #DCDFE6; color: #999999; border-radius: .04rem; font-size: .14rem; padding: 0rem .18rem;} .list_base_state_01 li.on>span{ border: 1px solid #1658a0; color: #1658a0;} .list_base_state_01 li>h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*有调查时间的*/ .list_base_time li{ padding-right: 3.05rem;} .list_base_time li>i{ position: absolute; right: .65rem; top: 0rem;} .list_base_time li>span{} .list_style_01 li{ white-space: inherit; overflow: inherit;} .list_style_01 li>h3{ position: relative;} .list_style_01 li>h3 a{ padding-right: 1rem; display: block;} .list_style_01 li>h3 span{ line-height: .28rem;} .list_large li{ line-height:.48rem; font-size: .2rem;} .list_large li span{ font-size: .18rem;} .list_small li{ line-height:.3rem; font-size: .14rem;} .list_small li span{ font-size: .14rem;} .list_large li:before{ top: .21rem;} .list_small li:before{ top: .12rem;} /*表格形式的列表*/ .list_table{ width: 100%;} .list_table dl{ display: table; width: 100%; color: #666666; border-bottom: 1px solid #ebeef5; table-layout:fixed;} .list_table dl.list_header{ border-bottom: none;} .list_table dl:hover{ background-color: #F6F6F6;} .list_table dt{ font-weight: bold; background-color: #F6F6F6;} .list_table dt,.list_table dd{padding: .16rem 0rem !important;min-width: 0rem;text-overflow: ellipsis;vertical-align: middle;position: relative;overflow: hidden;display: table-cell;float: inherit !important;} .list_table dd{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .table_border dl{ border-bottom: 1px solid #DCDCDC;} .list_span li{line-height: .36rem; margin-bottom: .08rem; overflow: hidden;} .list_span li:last-child{ margin-bottom: 0rem;} .list_span em{ background-color: #E7F1FC; font-size: .16rem; padding: 0 .2rem; display: block; float: left; margin-right: .1rem; color: #1658a0;} .list_span span{ overflow: hidden; display: block;} .interview_btn{ padding:.25rem; background-color: #E7F1FC; font-weight: bold; color: #1658a0; border-radius: .08rem;} .interview_btn i{ font-size: .24rem; font-weight: normal;} .interview_list>ul>li{ padding: .24rem .32rem; box-shadow: 0 2px 10px rgba(0,0,0,.05);} .interview_list>ul>li>h3{ font-weight: normal;} .interview_list>ul>li>h3 i{ width: .2rem; height: .2rem; display: block; margin-right: .1rem; float: left; background-color: #E6E6E6; border-radius: 50%; line-height: .2rem; text-align: center; font-size: .1rem; color: #ffffff; margin-top: .04rem;} .interview_list>ul>li>h3 a{ display: block; overflow: hidden;} .interview_list>ul>li .interview_content{ display: none;} .interview_list>ul>li.on .interview_content,.interview_list>ul>li:hover .interview_content{ display: block;} .interview_list>ul>li.on h3,.interview_list>ul>li:hover h3{ font-weight: bold;} .interview_list>ul>li.on h3 i,.interview_list>ul>li:hover h3 i{ background-color: #1658a0; font-weight: normal;} @media screen and (max-width:992px) { .list_base li{ position: relative; padding: .12rem 0rem; border-bottom: 1px solid #f8f8f8; overflow: inherit; text-overflow: inherit; white-space: inherit; margin-bottom: 0rem;} .list_base li>span{ position: relative; right: inherit; margin-top:0rem; display: block; font-size: .14rem;} .list_base_date_02 li>span{ margin-left: 0rem;} .list_base_line_01 li>span,.list_base_line_02 li>span{ top:inherit;} .list_base li:before{ display: none;} .list_base_state li>span{ display: inline-block; margin-left: .12rem;} .list_base_state_01 li>h3{ white-space: inherit; overflow: inherit; margin-bottom: .04rem;} .list_base_state_01 li>p,.list_base_state_01 li>span{ display: inline-block;} .list_base_state_01 li>span{ margin-left: .08rem;} .list_base_time li>i{ position: inherit; right: inherit; top: inherit; margin-left: .12rem; display: inline-block;} .list_base_time li{ text-align: left !important;} .list_base>.more{ display: block; background-color: #F2F2F2; border-radius: .08rem; line-height: .44rem; text-align: center; width: 100%; margin-top: .1rem;} .list_base_state li>em{ margin-right: .08rem;} .list_style_01 li>h3 a{ padding-right: 0rem; display: inline-block;} .list_style_01 li>h3 span{ position: inherit; right: inherit; display: inline-block;} .list_table dl{ padding: .12rem 0rem;} .list_table dl:hover,.table_striped dl:nth-child(odd) dd{ background-color: transparent;} .list_table dd{padding: .04rem 0rem !important; display: inherit; white-space: inherit; overflow: inherit;} .list_table dd.trt-col-sm-0{ display: none;} .list_table dd.text_align_center{ text-align: left !important;} .table_striped.list_table dl{ border-bottom: 1px solid #ebeef5;} .list_base.list_base_date_01 .trt-row, .list_base.list_base_date_01 .trt-row-large{ margin-right: 0rem;} .list_base.list_base_date_01 .trt-row li[class*=trt-col-], .list_base.list_base_date_01 .trt-row-large li[class*=trt-col-]{ padding-right: 0rem;} .list_base .trt-row li[class*=trt-col-]>span, .list_base .trt-row-large li[class*=trt-col-]>span,.list_base.list_base_date_01 .trt-row li[class*=trt-col-]>span, .list_base.list_base_date_01 .trt-row-large li[class*=trt-col-]>span{ right: 0rem;} .list_base .trt-row [class*=trt-col-], .list_base .trt-row-large [class*=trt-col-]{ padding:.12rem 0rem;} .list_base .trt-row-large{ margin-right: 0rem;} .list_table dt .cell,.list_table dd .cell{ overflow: inherit; text-overflow: inherit; white-space: inherit; word-break: inherit; padding-left:0rem; padding-right:0rem;} .list_table.table_border{ border-left: none; border-top: none;} .list_table.table_border dt,.list_table.table_border dd{ border-right: none;} } @media screen and (max-width:375px) { .list_base_state_01 li>span{ margin-left: 0rem; margin-top: .1rem;} .list_base_time li>i,.list_base_state li>span{ margin-left: 0rem; display: block;} } /*轮播图*/ .slideBox_01 { position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_01>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; cursor: pointer; z-index: 5;} .slideBox_01>span{ background-color: rgba(0,0,0,.3); background-color: #000000\0; filter:alpha(opacity=60);} .slideBox_01>span i{ font-size: .2rem; color: #ffffff;} .slideBox_01>span.prev{ left: 0rem;} .slideBox_01>span.next{ right: 0rem;} .slideBox_01 .pic{ z-index: 3; position: relative;} .slideBox_01 .pic li{ overflow: hidden;} .slideBox_01 .pic li a{ display: block; position: relative;} .slideBox_01 .pic li i.picture_fixed{padding-top: 56.151419%; background-size: cover;} .slideBox_01 .pic p{position: absolute; left: .24rem; bottom: 0rem; right:1.5rem; line-height: .7rem; color: #FFFFFF; font-size: .18rem; z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .slideBox_01 .txt-bg { position: absolute; bottom:0rem; z-index: 1; height:1.2rem; height:.7rem\0; left:0rem; right:0rem; overflow: hidden; background-color: #000000\0; background: rgba(0,0,0,.6); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);} .slideBox_01 .num { position: absolute; z-index: 99; bottom:.28rem; right:.2rem; font-size: 0rem; text-align: right; } .slideBox_01 .num li { display:inline-block; background-color: rgba(255,255,255,.5); width:.1rem; height:.08rem; border-radius:1rem; overflow: hidden; text-align: center; cursor: pointer; margin: 0rem .04rem; background-color: #ffffff\0;} .slideBox_01 .num li.on, .slideBox_01 .num li:hover { background-color: #ffffff; width: .18rem;} @media screen and (max-width:992px) { .slb .slideBox_01>span{ width: .3rem; height: .3rem; line-height: .3rem;} .slb .slideBox_01>span i{ font-size: .14rem;} .slb .slideBox_01 .num{ display: none;} .slb .slideBox_01 .pic p{ bottom: 0rem !important; left: .1rem; font-size: .16rem; right: .1rem;} } .slideBox_02 { position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_02>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; cursor: pointer; z-index: 5;} .slideBox_02>span{ background-color: rgba(0,0,0,.3); background-color: #000000\0; filter:alpha(opacity=60);} .slideBox_02>span i{ font-size: .2rem; color: #ffffff;} .slideBox_02>span.prev{ left: 0rem;} .slideBox_02>span.next{ right: 0rem;} .slideBox_02 .pic{ z-index: 3; position: relative;} .slideBox_02 .pic li{ overflow: hidden;} .slideBox_02 .pic li a{ display: block; position: relative;} .slideBox_02 .pic li i.picture_fixed{padding-top: 56.151419%; background-size: cover;} .slideBox_02 .pic p{position: absolute; left: .18rem; bottom: 0rem; right:3rem; line-height:.5rem; color: #FFFFFF; font-size: .16rem; z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .slideBox_02 .txt-bg { position: absolute; bottom:0rem; z-index: 1; height:.5rem; left:0rem; right:0rem; overflow: hidden; background-color: #000000; opacity: .46;} .slideBox_02 .num { position: absolute; z-index: 99; bottom:0rem; right:0rem; font-size: 0rem; text-align: right; } .slideBox_02 .num li { display:inline-block; background-color: rgba(0,0,0,.5); width: .5rem; height: .5rem; line-height: .5rem; overflow: hidden; text-align: center; cursor: pointer; background-color: #000000\0; font-size: .12rem; color: #ffffff;} .slideBox_02 .num li.on, .slideBox_02 .num li:hover { background-color: #1658a0;} @media screen and (max-width:992px) { .slb .slideBox_02>span{ width: .3rem; height: .3rem; line-height: .3rem;} .slb .slideBox_02>span i{ font-size: .14rem;} .slb .slideBox_02 .num{ display: none;} .slb .slideBox_02 .pic p{ bottom: 0rem !important; left: .1rem; font-size: .16rem; right: .1rem;} } .slideBox_03{ position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_03>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; cursor: pointer; z-index: 5;} .slideBox_03>span{ background-color: rgba(0,0,0,.3); background-color: #000000\0; filter:alpha(opacity=60);} .slideBox_03>span i{ font-size: .2rem; color: #ffffff;} .slideBox_03>span.prev{ left: 0rem;} .slideBox_03>span.next{ right: 0rem;} .slideBox_03 .pic{ z-index: 3; position: relative;} .slideBox_03 .pic li{ overflow: hidden;} .slideBox_03 .pic li a{ display: block; position: relative;} .slideBox_03 .pic li i.picture_fixed{padding-top: 56.151419%; background-size: cover;} .slideBox_03 .pic p{position: absolute; left: 0rem; bottom:.3rem; right:0rem; line-height:.5rem; color: #FFFFFF; font-size: .18rem; font-weight: bold; padding: 0 .12rem; text-align: center; z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .slideBox_03 .txt-bg { position: absolute; bottom:0rem; z-index: 1; height:1.2rem; height:.8rem\0; left:0rem; right:0rem; overflow: hidden; background-color: #000000\0; background: rgba(0,0,0,.6); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.6))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);} .slideBox_03 .num { position: absolute; z-index: 99; bottom:.2rem; right:0rem; left: 0rem; font-size: 0rem; text-align: center; } .slideBox_03 .num li { display:inline-block; background-color: rgba(255,255,255,.5); width:.1rem; height:.08rem; border-radius:1rem; overflow: hidden; text-align: center; cursor: pointer; margin: 0 .04rem; background-color: #ffffff\0;} .slideBox_03 .num li.on, .slideBox_03 .num li:hover { background-color: #ffffff; width: .18rem;} @media screen and (max-width:992px) { .slb .slideBox_03>span{ width: .3rem; height: .3rem; line-height: .3rem;} .slb .slideBox_03>span i{ font-size: .14rem;} .slb .slideBox_03 .num{ display: none;} .slb .slideBox_03 .pic p{ bottom: 0rem !important; left: .1rem; right: .1rem; font-size: .16rem;} } .slideBox_04{ position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_04>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; cursor: pointer; z-index: 5;} .slideBox_04>span{ background-color: rgba(0,0,0,.3); background-color: #000000\0; filter:alpha(opacity=60);} .slideBox_04>span i{ font-size: .2rem; color: #ffffff;} .slideBox_04>span.prev{ left: 0rem;} .slideBox_04>span.next{ right: 0rem;} .slideBox_04 .pic{ z-index: 3; position: relative;} .slideBox_04 .pic li{ overflow: hidden;} .slideBox_04 .pic li a{ display: block; position: relative;} .slideBox_04 .pic li i.picture_fixed{padding-top: 56.151419%; background-size: cover;} .slideBox_04 .pic p{ line-height:.28rem; color: #333333; font-size: .2rem; padding:.16rem .12rem; text-align: center; z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .slideBox_04 .num { position: absolute; z-index: 99; bottom:.92rem; right:.4rem; font-size: 0rem; text-align: right; } .slideBox_04 .num li { display:inline-block; background-color: rgba(255,255,255,.5); width:.1rem; height:.08rem; border-radius:1rem; overflow: hidden; text-align: center; cursor: pointer; margin: 0 .04rem; background-color: #ffffff\0;} .slideBox_04 .num li.on, .slideBox_04 .num li:hover { background-color: #1658a0; width: .18rem;} @media screen and (max-width:992px) { .slb .slideBox_04>span{ width: .3rem; height: .3rem; line-height: .3rem;} .slb .slideBox_04>span i{ font-size: .14rem;} .slb .slideBox_04 .num{ display: none;} .slb .slideBox_04 .pic p{ bottom: 0rem !important; left: .1rem; right: .1rem; font-size: .16rem;} } .slideBox_05{ position: relative; overflow: hidden; margin: 0rem auto; background-color: #EEEEEE;} .slideBox_05 .pic{ z-index: 3; position: relative;} .slideBox_05 .pic li{ overflow: hidden;} .slideBox_05 .pic li a{ display: block; position: relative;} .slideBox_05 .pic li i.picture_fixed{padding-top: 56.151419%; background-size: cover;} .slideBox_05 .bd{ padding: .32rem .32rem 0rem .32rem;} .slideBox_05 .bd h3{ font-size: .26rem; line-height: .44rem; height: .88rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .slideBox_05 .bd span{ display: block; font-size: .18rem; line-height: .28rem; margin-top: .12rem; color:#999999; border-bottom: 1px solid #DDDDDD; padding-bottom: .16rem; margin-bottom: .16rem;} .slideBox_05 .bd p{ font-size: .18rem; line-height: 2; height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .slideBox_05 .pagination{ margin: .16rem .32rem 0rem .32rem; line-height: .5rem; position: relative; padding: 0rem .4rem; text-align: center; height: .5rem;} .slideBox_05 .pagination .prev,.slideBox_05 .pagination .next{ position: absolute; top: 50%; cursor: pointer; margin-top: -.25rem;} .slideBox_05 .pagination .prev i,.slideBox_05 .pagination .next i{ font-size: .24rem; color: #1658a0;} .slideBox_05 .pagination .prev{ left: 0rem;} .slideBox_05 .pagination .next{ right:0rem;} .slideBox_05 .pagination .pageState{ font-size: .2rem; color: #1658a0;} .slideBox_05 .pagination .pageState span{ font-size: .32rem; color: #333333;} @media screen and (max-width:992px) { .slideBox_05 .bd{ padding: .16rem .2rem 0rem .2rem;} .slideBox_05 .bd h3,.slideBox_05 .bd p{ overflow: inherit; height: auto; display: block; -webkit-line-clamp: inherit; line-height: 1.8;} .slideBox_05 .bd h3{ font-size: .22rem;} .slideBox_05 .bd span{ margin-top: .04rem; margin-bottom: .1rem; padding-bottom: .1rem;} } .slideBox_06{ position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_06 .pic{ z-index: 3; position: relative;} .slideBox_06 .pic li{ overflow: hidden; position: relative;} .slideBox_06 .pic li a{ display: block; position: relative;} .slideBox_06 .pic li i.picture_fixed{padding-top: 56.2650602%; background-size: cover; z-index: 2;} .slideBox_06 .pic li .pic_date{ width: .7rem; height: .7rem; background-color: #1658a0; text-align: center; color: #ffffff; padding-top: .07rem; position: absolute; z-index: 4; left: 0rem; bottom: 0rem;} .slideBox_06 .pic li .pic_date h3{ line-height: .4rem; font-size: .3rem;} .slideBox_06 .pic li .pic_date p{ font-size: .12rem;} .slideBox_06 .pic li .pic_text{ position: absolute; left: 0rem; padding: .1rem .2rem .1rem .94rem; right:0rem; bottom: 0rem; height: .54rem; background-color: rgba(0,0,0,.6); background-color: #000000\0; filter:alpha(opacity=60); z-index: 3;} .slideBox_06 .pic li .pic_text p{ display: none;} .slideBox_06 .pic li .pic_text h3{ font-size: .18rem; font-weight: normal; line-height: .34rem; color: #ffffff;} .slideBox_06 .pic li .pic_text h3 a{ color: #ffffff;} .slideBox_06 .bd li{ overflow: hidden; margin-top: .24rem;} .slideBox_06 .bd li .pic_date{ width: .76rem; height: .76rem; border: 1px solid #EEEEEE; background-color: #ffffff; border-radius: 50%; float: left; margin-right: .16rem; text-align: center; padding-top: .12rem;} .slideBox_06 .bd li .pic_date h3{ font-size: .3rem; line-height: .28rem; color: #1658a0;} .slideBox_06 .bd li .pic_date p{ font-size: .12rem; line-height: .2rem; color: #999;} .slideBox_06 .bd li .pic_text{ overflow: hidden;} .slideBox_06 .bd li .pic_text h3{ font-size: .2rem; line-height: .28rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .08rem;} .slideBox_06 .bd li .pic_text p{ font-size: .14rem; line-height: .2rem; color: #999;} .slideBox_06 .bd+a.more{ position: absolute; right: .2rem; bottom: 0rem; color: #999;} .slideBox_06 .bd+a.more i{ color: #999;} @media screen and (max-width:992px) { .slideBox_06 .bd+a.more{ position: relative; right: inherit; bottom: inherit; display: block; background-color: #F2F2F2; border-radius: .08rem; line-height: .44rem; text-align: center; width: 100%; margin-top: .1rem;} } .slideBox_07{ position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_07>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; cursor: pointer; z-index: 5; display: none;} .slideBox_07>span{ background-color: rgba(0,0,0,.3); background-color: #000000\0; filter:alpha(opacity=60);} .slideBox_07>span i{ font-size: .2rem; color: #ffffff;} .slideBox_07>span.prev{ left: 0rem;} .slideBox_07>span.next{ right: 0rem;} .slideBox_07 .pic{ z-index: 3; position: relative;} .slideBox_07 .pic li{ position: relative;} .slideBox_07 .pic li a{ display: block; position: relative; overflow: hidden;} .slideBox_07 .pic li i.picture_fixed{padding-top: 56.307692%; background-size: cover; z-index: 2;} .slideBox_07 .hd_bg{ width: 3.28rem; right: 1rem; top: 0rem; bottom: 0rem; background-color: rgba(0,0,0,.6); background-color: #000000\0; filter:alpha(opacity=60); position: absolute; z-index: 4;} .slideBox_07 .hd_bg .hd_tit{ position: absolute; top: 50%; transform: translateY(-50%); top: 1.2rem\0; width: 100%;} .slideBox_07 .hd_bg .hd_tit .hd li{ margin-top: .16rem; padding: .16rem .24rem} .slideBox_07 .hd_bg .hd_tit .hd li a{; color: #fff; line-height: .32rem; display: block; font-size: .16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .slideBox_07 .hd_bg .hd_tit .hd li.on{background: linear-gradient(90deg, rgba(190, 6, 20, 1) 0%, rgba(190, 6, 20, 0.2) 100%);} .slideBox_07 .hd_bg .hd_tit .hd li.on a{ font-size: .2rem; font-weight: bold; white-space: inherit; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} @media screen and (max-width:992px) { .slideBox_07>span{ display: block;} .slideBox_07 .hd_bg{ width: 100%; right: 0rem; top: inherit; left: 0rem; height: .44rem;} .slideBox_07 .hd_bg .hd_tit{ top: 0rem; transform: translateY(0);} .slideBox_07 .hd_bg .hd_tit .hd li{ margin-top: 0rem; display: none; padding: .06rem .24rem;} .slideBox_07 .hd_bg .hd_tit .hd li.on{ background:none transparent; display: block;} .slideBox_07 .hd_bg .hd_tit .hd li.on a{ font-size: .16rem; font-weight: normal;} } .slideBox_08{ position: relative; overflow: hidden; margin: 0rem auto; } .slideBox_08>span{ position: absolute; top: 50%; margin-top: -.2rem; width: .4rem; height: .4rem; text-align: center; line-height: .4rem; cursor: pointer; z-index: 5; display: none;} .slideBox_08>span{ background-color: rgba(0,0,0,.3); background-color: #000000\0; filter:alpha(opacity=60);} .slideBox_08>span i{ font-size: .2rem; color: #ffffff;} .slideBox_08>span.prev{ left: 0rem;} .slideBox_08>span.next{ right: 0rem;} .slideBox_08 .pic{ z-index: 3; position: relative;} .slideBox_08 .pic li{ position: relative;} .slideBox_08 .pic li a{ display: block; position: relative; overflow: hidden; margin-right: .05rem;} .slideBox_08 .pic li i.picture_fixed{padding-top:56.2886597%; background-size: cover; z-index: 2;} .slideBox_08 .hd_tit{ position: absolute; top:0; width: 3.36rem; right: 0rem; z-index: 4; bottom: 0; overflow: hidden;} .slideBox_08 .hd_tit .hd li{ margin-bottom: .04rem; height: 1.34rem; background-color: rgba(0,0,0,.4); background-color: #000000\0; filter:alpha(opacity=60); position: relative;} .slideBox_08 .hd_tit .hd li:last-child{ margin-bottom: 0rem;} .slideBox_08 .hd_tit .hd li a{ padding:0rem .24rem; position: absolute; color: #fff; display: block; top: 50%; transform: translateY(-50%); margin-top: -.16rem\0; width: 100%;} .slideBox_08 .hd_tit .hd li a p{line-height: .32rem;} .slideBox_08 .hd_tit .hd li a p:first-child{ font-size: .18rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .slideBox_08 .hd_tit .hd li a p:last-child{ display: none; font-size: .16rem;} .slideBox_08 .hd_tit .hd li.on{ background-color: #BE0614; width: 3.44rem; margin-left: -.07rem;} .slideBox_08 .hd_tit .hd li.on a{ margin-top: -.32rem\0;} .slideBox_08 .hd_tit .hd li.on a p:last-child{ display: block;} .slideBox_08 .hd_tit .hd li.on a p:first-child{ -webkit-line-clamp: 2;} @media screen and (max-width:992px) { .slideBox_08>span{ display: block;} .slideBox_08 .pic li a{ margin-right:0rem} .slideBox_08 .hd_tit{ width: 100%; top: inherit; bottom: 0rem; background-color: rgba(0,0,0,.4);} .slideBox_08 .hd_tit .hd li{ margin-bottom: 0rem; display: none; height: .44rem;} .slideBox_08 .hd_tit .hd li a{ padding: .06rem .24rem; position: inherit; top: inherit; transform: translateY(0);} .slideBox_08 .hd_tit .hd li.on{ background:none transparent; display: block; width: 100%; margin-left: 0rem;} .slideBox_08 .hd_tit .hd li a p:first-child{ font-size: .16rem; white-space: nowrap; display: block; -webkit-line-clamp: inherit;} } /*侧边悬浮效果*/ .pf_con_base{ position: fixed; right: .2rem; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 999;} .pf_con_base .close{ position: absolute; text-align: center; cursor: pointer;} .pf_con_base ul{ } .pf_con_base li{ text-align: center; position: relative;} .pf_con_base li .pf_con_box{ position: absolute; z-index: 1001; display: none; transition: .3s all; padding: .16rem .16rem 0rem .16rem;} .pf_con_base li:hover .pf_con_box{ display: block;} .pf_con_base li .pf_con_box p{ line-height: .32rem; font-size: .14rem;} .pf_con_base .pf_jqr{ text-align: center; position: relative; padding-bottom: .18rem; margin-top: .2rem;} .pf_con_base .pf_jqr img{ position: relative; z-index: 1001;} .pf_con_base .pf_jqr em{ width: .72rem; height: .24rem; line-height: .24rem; font-size: .14rem; position: absolute; z-index: 1002; bottom: 0rem; left:50%; margin-left: -.36rem; background-color: #ffffff; border: 1px solid #CCCCCC; border-radius: .12rem;} .pf_con_base .pf_jqr i{ width:.58rem; height: .58rem; border-radius: 50%; background-color: #1658a0; z-index: 1000; position: absolute; bottom: 0rem; left: 50%; margin-left: -.29rem;} .pf_con_01{ width: .72rem;} .pf_con_01 li{ margin-bottom: .08rem;} .pf_con_01 li a{ display: block; width: .48rem; height: .48rem; line-height: .44rem; border-radius: 50%; background-color: #65A5EA; color: #ffffff; margin: 0rem auto;} .pf_con_01 li a i{ color: #ffffff; font-size: .32rem;} .pf_con_01 .pf_jqr img{ width: .44rem; height: .66rem;} .pf_con_01 li:hover .pf_con_box{ right: 100%; top: -.12rem; width: 1.66rem; height: 1.88rem; background-color: #ffffff; border: 1px solid #65A5EA; border-radius: .04rem;} .pf_con_01 li:hover .pf_con_box:before{ content: ''; position: absolute; right: -.06rem; width: .08rem; height:.08rem; background-color: #ffffff; z-index: 1002; border-bottom: 1px solid #65A5EA; border-right: 1px solid #65A5EA; transform: rotate(-45deg); top: .32rem;} .pf_con_02{ width: .88rem;} .pf_con_02 .close{ top: -.12rem; right: -.12rem; width: .12rem; height: .12rem; line-height: .12rem; font-size: .12rem; color: #1658a0;} .pf_con_02 ul{ background-color: #ffffff; box-shadow: 0rem .02rem .08rem rgba(0,0,0,.1); padding: .32rem 0rem .12rem 0rem;} .pf_con_02 li{ margin-bottom: .2rem;} .pf_con_02 li a{ display: block; margin: 0rem auto;} .pf_con_02 li a p{ line-height: .24rem; font-size: .14rem;} .pf_con_02 li a i{ color: #1658a0; font-size: .36rem;} .pf_con_02 .pf_jqr img{ width:.52rem; height: .78rem;} .pf_con_02 li:hover .pf_con_box{ right: 1rem; top: -.12rem; width: 1.26rem; height: 1.2rem; background-color: #ffffff; box-shadow: 0rem .02rem .08rem rgba(0,0,0,.1); border-radius: .04rem;} .pf_con_02 li:hover .pf_con_box:before{ content: ''; position: absolute; right: -.04rem; width: .08rem; height:.08rem; background-color: #ffffff; z-index: 1002; transform: rotate(-45deg); top: .32rem; box-shadow: 0rem .04rem .08rem rgba(0,0,0,.1);} .pf_con_03{ width: 1rem;} .pf_con_03 .close{ top: -.14rem; right: 0rem; width: .14rem; height: .14rem; line-height: .14rem; font-size: .12rem; color: #ffffff; background-color: rgba(0,0,0,.5); border-radius: 50%;} .pf_con_03 ul{ background-color: #ffffff; box-shadow: 0 .02rem .08rem rgba(0,0,0,.1); padding:.18rem 0rem .12rem 0rem;} .pf_con_03 li a{ display: block; margin: 0rem auto; position: relative; padding-bottom: .16rem; padding-top: .16rem;} .pf_con_03 li a:after{ position: absolute; content: ''; left: .18rem; right: .18rem; bottom: 0rem; height: 1px; background-color: #DCDCDC;} .pf_con_03 li:last-child a:after{ display: none;} .pf_con_03 li a p{ line-height: .24rem; font-size: .14rem;} .pf_con_03 li a i{ text-align: center; height: .32rem; line-height: .32rem; overflow: hidden; display: block;} .pf_con_03 li a i img{ margin: 0rem auto;} .pf_con_03 li a i img.pf_img{ display: block;} .pf_con_03 li a i img.pf_img_hover{ display: none;} .pf_con_03 li:hover{ background-color: #1658a0; color: #ffffff;} .pf_con_03 li:hover a{ color: #ffffff;} .pf_con_03 li:hover a i .pf_img{ display: none;} .pf_con_03 li:hover a i img.pf_img_hover{ display: block;} .pf_con_03 .pf_jqr img{ width:.52rem; height: .78rem;} .pf_con_03 li:hover .pf_con_box{ right: 1.2rem; top: -.12rem; width: 1.26rem; height: 1.2rem; background-color: #ffffff; box-shadow: 0 .02rem .08rem rgba(0,0,0,.1); border-radius: .04rem;} .pf_con_03 li:hover .pf_con_box:before{ content: ''; position: absolute; right: -.04rem; width: .08rem; height:.08rem; background-color: #ffffff; z-index: 1002; transform: rotate(-45deg); top: .32rem; box-shadow: 0 .04rem .08rem rgba(0,0,0,.1);} .pf_con_03 li:hover a:after{ display: none;} @media screen and (max-width:992px) { .pf_con_base{ display: none;} } /*图标矩阵*/ .icon_list_group li a{ display: block; line-height: .28rem; font-size: .16rem; padding: .12rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;} .icon_list_group li a i{ font-size: .24rem; margin-right:.08rem; color: #1658a0;} .icon_list_group li a:hover i{ color: #ffffff;} .icon_list_group li a em{ position: absolute; right: .4rem; font-size: .2rem; color: #1658A0;} .icon_list_group_01 li a{ padding: .16rem; background-color: #EBF4FE; color: #1658a0; border-radius: .04rem;} .icon_list_group_01 li a:hover{ background-color: #1658a0; color: #ffffff;} .icon_list_group_02 li a{ background-color: #ffffff; border: 1px solid #EEEEEE;} .icon_list_group_02 li a:hover{ background-color: #1658a0; color: #ffffff;} .icon_list_group_03 li a{ background-color: #E7F1FC; font-weight: bold;} .icon_list_group_03 li a:hover{ background-color: #1658a0; color: #ffffff;} .icon_list_group_03 li a i{ font-weight: normal;} .icon_list_group_04 li a{ padding: .16rem; background-color: #EBF4FE; border-radius: .04rem;} .icon_list_group_04 li a i{ display: block; margin: 0rem auto .04rem;} .icon_list_group_04 li p{ line-height: .24rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .icon_list_group_05 li a i{ display: block; margin: 0rem auto .04rem; font-size: .32rem;} .icon_list_group_05 li p{ line-height: .24rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .icon_list_group_05 li a:hover i{ color: #1658a0;} .icon_list_group_06 li a{ padding: 0rem; text-align: left; line-height: .44rem;} .icon_list_group_06 li a i{ display: block; float: left; text-align: center; font-size:.28rem; width: .44rem; height: .44rem; line-height: .44rem; color: #ffffff; border-radius: 50%; background-color: #65A5EA;} .icon_list_group_07 li a{ background-color: #F8F8F8;} .icon_list_group_07 li a:hover{ background-color: #1658a0; color: #ffffff;} .icon_list_group_08 li a{ text-align: inherit; background-color: #ffffff; padding: .16rem 0 .16rem .4rem;} .icon_list_group_08 li a i{ margin-right: .32rem; color: #333333; font-size: .28rem;} .icon_list_group_08 li a:hover i,.icon_list_group_08 li.on a i{ color: #1658a0;} .icon_list_group_08 li.on a,.icon_list_group_08 li a:hover{ background-color: #E7F1FC;} .icon_list_group_09 li a{ text-align: inherit; background-color: #ffffff; padding: .16rem 0 .16rem .4rem;} .icon_list_group_09 li a i{ margin-right: .32rem; color: #333333; font-size: .28rem;} .icon_list_group_09 li a:hover i,.icon_list_group_09 li.on a i{ color: #ffffff; font-weight: normal;} .icon_list_group_09 li.on a,.icon_list_group_09 li a:hover{ background-color: #1658a0; color: #ffffff; font-weight: bold;} .icon_list_group_10 li a{ text-align: inherit; background-color: #ffffff; padding: .2rem 0 .2rem .4rem; border-bottom: 1px solid #F2F2F2;} .icon_list_group_10 li a:hover i,.icon_list_group_10 li.on a i{ color: #1658a0; font-weight: normal;} .icon_list_group_10 li a i{ margin-right: .32rem; color: #333333; font-size: .28rem;} .icon_list_group_10 li.on a,.icon_list_group_10 li a:hover{ background-color: #F5F9FE; font-weight: bold;} .icon_list_group_10 li:last-child a{ border-bottom: none;} .icon_list_group_11 li a{ text-align: inherit; background-color: #ffffff; padding: .2rem 0 .2rem .4rem; border-bottom: 1px dashed rgba(22,88,160,.2);} .icon_list_group_11 li a:hover i,.icon_list_group_11 li.on a i{ color: #1658a0; font-weight: normal;} .icon_list_group_11 li a i{ margin-right: .32rem; color: #333333; font-size: .28rem;} .icon_list_group_11 li.on a,.icon_list_group_11 li a:hover{ color: #1658a0; font-weight: bold;} .icon_list_group_11 li:last-child a{ border-bottom: none;} .icon_list_group_12 li a{ text-align: inherit; background-position: right top; background-repeat: no-repeat; background-size: cover; padding: .16rem 0 .16rem .3rem;} .icon_list_group_12 li a i{ margin-right: .2rem; color: #333333; font-size: .28rem;} .icon_list_group_12 li a:hover i,.icon_list_group_12 li.on a i{ color: #1658a0;} .icon_list_group_12 li.on a,.icon_list_group_12 li a:hover{ color: #1658a0;} .icon_list_group_13 li a{ background-color: #ffffff; border-radius: .04rem; box-shadow: 0 2px 10px rgba(0,0,0,.05); border: 1px solid transparent; padding: .16rem 0;} .icon_list_group_13 li a i{ margin-right: .2rem; color: #333333; font-size: .28rem;} .icon_list_group_13 li a:hover i,.icon_list_group_13 li.on a i{ color: #1658a0;} .icon_list_group_13 li.on a,.icon_list_group_13 li a:hover{ color: #1658a0; border: 1px solid #1658a0;} .icon_list_group_14 li a{ background-color: #ffffff; border-radius: .04rem; border: 1px solid #F2F2F2; padding: .16rem;} .icon_list_group_14 li a i{ margin-right: .2rem; color: #333333; font-size: .28rem;} .icon_list_group_14 li a:hover i,.icon_list_group_14 li.on a i{ color: #1658a0;} .icon_list_group_14 li.on a,.icon_list_group_14 li a:hover{ color: #1658a0; border: 1px solid #1658a0;} .icon_list_group_15 li a{ text-align: inherit; background-color: #E7F1FC; padding:0rem; overflow: hidden; border-radius: .04rem;} .icon_list_group_15 li a i{ margin-right: .2rem; color: #ffffff; font-size: .28rem; width: .6rem; height: .6rem; line-height: .6rem; text-align: center; display: inline-block; background-color: #1658a0;} .icon_list_group_15 li a:hover i,.icon_list_group_15 li.on a i{ color: #ffffff;} .icon_list_group_15 li.on a,.icon_list_group_15 li a:hover{ color: #1658a0;} .icon_list_group_16 li a{ background-color: #ffffff; padding:.2rem 0rem; overflow: hidden; } .icon_list_group_16 li a i{ color: #333333; font-size: .36rem;} .icon_list_group_16 li a:hover i,.icon_list_group_16 li.on a i{ color: #ffffff;} .icon_list_group_16 li.on a,.icon_list_group_16 li a:hover{ color: #ffffff; background-color: #1658a0;} .icon_list_group_16 li p{ margin-top: .18rem;} .icon_list_group_17 li a{ background-color: #f9f9f9; border:1px solid #e6e6e6; border-radius: .04rem; padding: .18rem;} .icon_list_pad_small .trt-row{ margin: 0rem -.06rem;} .icon_list_pad_small .trt-row [class*=trt-col-]{ padding: 0rem .06rem;} /*图片矩阵*/ .pic_list_group { overflow: hidden;} .pic_list_group .pic_list_pic{ overflow: hidden; position: relative;} .pic_list_group .pic_list_pic a{ display: block;} .pic_list_group .picture_fixed{ background-size: cover;} .pic_list_group_01 .picture_fixed{ padding-top: 56.507692%;} .pic_list_group_01 .trt-row-large .picture_fixed{ padding-top: 57.657692%;} .pic_list_group_01 .pic_list_pic h3{ position: absolute; z-index: 2; left:.16rem; right: .16rem; bottom: .45rem; line-height: .33rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .26rem; color: #ffffff;} .pic_list_group_01 .big_pic h3{ font-size:.36rem; bottom: .54rem;} .pic_list_group_01 .pic_list_pic p{ position: absolute; z-index: 2; left:.16rem; right: .16rem; bottom: .16rem; line-height: .28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .16rem; color: #ffffff;} .pic_list_group_01 .pic_list_pic span{ position: absolute; bottom: 0rem; left: 0rem; right: 0rem; height: 1.02rem; z-index: 1; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));} .pic_list_group_01 .pic_list_pic p a,.pic_list_group_01 .pic_list_pic h3 a{ color: #ffffff;} .pic_list_group_01 li:first-child,.pic_list_group_01 li:first-child+li{ margin-bottom: .2rem;} .pic_list_group_01 li .picture_fixed{ padding-top: 55.410256%;} .pic_list_group_01 .trt-row-large li .picture_fixed{ padding-top: 55.410256%;} .pic_list_group_01 .trt-row-large .trt-row{ margin: 0rem -.16rem;} .pic_list_group_01 .trt-row-large .trt-row [class*=trt-col-]{ padding: 0rem .16rem;} .pic_list_group_01 .trt-row-large li:first-child, .pic_list_group_01 .trt-row-large li:first-child+li{ margin-bottom: .32rem;} .pic_list_group_02 .pic_list_pic p{ position: absolute; padding: 0rem .12rem; text-align: center; z-index: 2; left:0rem; right: 0rem; bottom:0rem; line-height:.44rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .16rem; color: #ffffff; background-color: rgba(0,0,0,.4);} .pic_list_group_02 .pic_list_pic p a{ color: #ffffff;} .pic_list_group_02 .picture_fixed{ padding-top: 56.410256%;} .pic_list_group_03 li:nth-child(2n+2){ margin-top: .48rem;} .pic_list_group_03 .pic_list_pic{ border-radius: .08rem;} .pic_list_group_03 .pic_list_pic h3{ line-height: .66rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .18rem; color: #ffffff; position: relative;} .pic_list_group_03 .pic_list_pic p{ margin-top: .32rem; line-height: .36rem; font-size: .16rem; color: #ffffff; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .pic_list_group_03 .pic_list_pic span{ position: absolute; bottom: 0rem; left: 0rem; right: 0rem; top:100%; z-index: 2; background-color: #1658a0; opacity: .7; filter:alpha(opacity=70); transition: .3s all;} .pic_list_group_03 .pic_list_pic:hover span{ top: 0rem; width: 100%; height: 100%;} .pic_list_group_03 .pic_list_pic p a,.pic_list_group_03 .pic_list_pic h3 a{ color: #ffffff;} .pic_list_group_03 .picture_fixed{ padding-top: 136.877076%;} .pic_list_group_03 .pic_list_pic .pic_text{ position: absolute; z-index: 3; left:.24rem; right: .24rem; top:100%; margin-top: -.65rem; text-align: center;} .pic_list_group_03 .pic_list_pic h3:before{ content: ''; position: absolute; width: 1rem; height: 1px; background-color: #ffffff; left: 50%; margin-left: -.5rem; bottom: 0rem;} .pic_list_group_03 .pic_list_pic:hover .pic_text{ top: 50%; margin-top: -1.25rem\0; margin-top: inherit; transform: translateY(-50%); -ms-transform: translateY(-50%);} .slb .pic_list_group_03 .pic_list_pic p{ margin-top: .1rem;} .pic_list_group_04 { overflow: inherit;} .poster-main .poster-list .poster-item{position: absolute;text-overflow: ellipsis;white-space: nowrap;} .poster-main{position: relative; margin: 0rem auto; z-index: 5;} .poster-main .poster-btn{position: absolute; z-index: 10; cursor: pointer; width: .4rem; height:.5rem; line-height:.5rem; border: 1px solid #D9EBF7; top: 50%; margin-top:-.25rem; background-color: #F2F8FF; text-align: center;} .poster-main .poster-btn i{ font-size: .12rem; color: #1658a0;} .poster-prev-btn{left: -.5rem;} .poster-next-btn{right: -.5rem;} .poster-list{position: relative; height:4.03rem; overflow: hidden;} .poster-list li{ overflow: hidden; cursor: pointer; } .poster-list li span{position: absolute; right: 0rem; left: 0rem; bottom:0rem; z-index: 5; font-size: .18rem; color: #fff; line-height: .5rem; padding-left:.24rem; padding-right:.24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .poster-list li a{ position: relative; z-index: 1; display: block;} .poster-list li a img{ width: 100%; height: 100%;} @media screen and (max-width:1280px){ .poster-prev-btn{left: 0rem;} .poster-next-btn{right: 0rem;} .poster-list li{box-sizing: inherit;} .poster-list li span{ font-size: .16rem;} } @media screen and (max-width:992px) { .poster-list{ height: 2.2rem;} .poster-main .poster-btn{ width: .3rem; height: .3rem; margin-top: -.15rem; line-height:.26rem;} .slb .pic_list_group_01 .trt-row{ margin: 0rem;} .slb .pic_list_group_01 .trt-row [class*=trt-col-]{ padding: 0rem;} .pic_list_group_01 li{ margin-bottom: .14rem;} .slb .pic_list_group_01 li{ margin-bottom: .32rem;} .pic_list_group_03 li:nth-child(2n+2){ margin-top: .24rem;} } @media screen and (max-width:640px) { .poster-list{ height: 1.2rem;} .pic_list_group_03 li{ margin-top: .24rem;} } /*专题大标*/ .special_title{ position: relative; text-align: center; line-height: .5rem; font-size: 0rem; height: .5rem; overflow: hidden; z-index: 2;} .special_title span{ position: relative; z-index: 5; display: inline-block; font-size: .4rem; font-weight: bold; max-width: 75%; white-space: nowrap; text-overflow: ellipsis;} .special_title_01:before,.special_title_01:after{ content: ''; position: absolute; width: 50%; height: 2px; background-color: #d4d4d4; top: 50%; margin-top: -1px; z-index: 1;} .special_title_01:before{ left: 0rem; text-align: left;} .special_title_01:after{ right:0rem; text-align: right;} .special_title_01 span{ padding: 0rem .32rem; color: #1658a0; background-color: #ffffff;} .special_title_01 em{ width:.4rem; line-height:.5rem; z-index: 6; display: inline-block; position: relative; top: -.16rem; background-color: #ffffff;} .special_title_01 em img{ z-index: 7; position: relative;} .special_title_02:before,.special_title_02:after{ content: ''; position: absolute; width: 50%; height: 2px; background-color: #d4d4d4; top: 50%; margin-top: -1px; z-index: 1;} .special_title_02:before,.special_title_02 span:before{ left: 0rem;} .special_title_02:after,.special_title_02 span:after{ right:0rem;} .special_title_02 span{ padding: 0rem .42rem; background-color: #ffffff;} .special_title_02 span:before,.special_title_02 span:after{ position: absolute; content: ''; width:.1rem; height: .1rem; z-index: 6; background-color: #1658a0; border-radius: 50%; top: 50%; margin-top: -.05rem;} .special_title_03:before,.special_title_03:after{ content: ''; position: absolute; width: 50%; height: 1px; background-color: #d4d4d4; top: 50%; margin-top: -1px; z-index: 1;} .special_title_03:before{ left: 0rem; text-align: left;} .special_title_03:after{ right:0rem; text-align: right;} .special_title_03 span{ padding: 0rem .32rem; background-color: #ffffff;} .special_title_03 em{ line-height:.5rem; z-index: 6; display: inline-block; position: relative; top: -.16rem; background-color: #ffffff;} .special_title_03 em img{ z-index: 7; position: relative;} .special_title_04{ height: .98rem; line-height: .98rem;} .special_title_04 h2{ font-size: .9rem; text-align: center; position: absolute; top: 0rem; left: 0rem; right: 0rem; bottom: 0rem; line-height: .98rem; color: #1658a0; opacity: .08; filter:alpha(opacity=8); z-index: 4; font-family: arial;} .special_title_04 i{ width: 13.84615%; height: 1px; background-color: #d4d4d4; display: inline-block; position: relative; top:-.09rem;} .special_title_04 span{ margin: 0rem .32rem; font-size: .32rem;} .special_title_05:before,.special_title_05:after{ content: ''; position: absolute; width: 50%; height: 1px; border-bottom: 1px dashed #1658a0; top: 50%; margin-top: -1px; z-index: 1;} .special_title_05:before{ left: 0rem;} .special_title_05:after{ right:0rem;} .special_title_05 span{ padding: 0rem .32rem; background-color: #ffffff; color: #1658a0;} .special_title_05 em{ width:.8rem; height: 3px; z-index: 6; display: inline-block; position: relative; top: -.14rem; background-color: #1658a0;} .special_title_06 em{ width: .29rem; height: .2rem; display: inline-block; position: relative; top: -.1rem; margin-left: 1px; margin-right: 1px;} .special_title_06 i{ width: 13.84615%; height: 2px; background-color: #ececec; display: inline-block; position: relative; top:-.09rem;} .special_title_06 span{ margin: 0rem .4rem; font-size: .32rem;} .special_title_07:before,.special_title_07:after{ content: ''; position: absolute; width: 50%; height: 1px; background-color: #1658a0; top: 50%; margin-top: -1px; z-index: 1;} .special_title_07:before{ left: 0rem; text-align: left;} .special_title_07:after{ right:0rem; text-align: right;} .special_title_07 span{ padding: 0rem .32rem; color: #1658a0; background-color: #ffffff;} .special_title_07 em{ width:.18rem; line-height:.5rem; z-index: 6; display: inline-block; position: relative; top: -.16rem; background-color: #ffffff;} .special_title_07 em img{ z-index: 7; position: relative;} .special_title_07 i{ position: absolute; width:25%; border-bottom: 2px dotted #c7c7c7; top: 50%; margin-top: .07rem;} .special_title_07 .i_line_l,.special_title_07 .i_line_l img{ left: 0rem;} .special_title_07 .i_line_r,.special_title_07 .i_line_r img{ right: 0rem;} .special_title_07 i img{ position: absolute; top: 50%; margin-top: -.045rem; width: .3rem; height: .09rem; background-color: #ffffff;} .special_title_08 span{ padding: 0rem .12rem; color: #1658a0; font-size: .24rem;} .special_title_08 em{ width:.6rem; height: 1px; z-index: 6; display: inline-block; position: relative; top: -.08rem; background-color: #1658A0; opacity: .5;} .special_title_09{ line-height: .6rem; height: .6rem; background-color: #1658A0; border-radius: .04rem;} .special_title_09 span{ font-size: .2rem; color: #ffffff;} .content_top{ position: absolute; left: 0rem; top: 0rem; right: 0rem; z-index: 0;} .content_top img{ width: 100%;} .content_bot{ position: absolute; left: 0rem; right: 0rem; bottom: 0rem; z-index: 0;} .special_title_11{ height: .66rem; line-height: .66rem;} .special_title_11:before,.special_title_11:after{ content: ''; position: absolute; width: 50%; height: 2px; background-color: #CC0000; top: 50%; margin-top: -1px; z-index: 1;} .special_title_11:before,.special_title_11 span:before{ left: 0rem;} .special_title_11:after,.special_title_11 span:after{ right:0rem;} .special_title_11 span{ padding: 0rem .2rem; font-size: 0; background-color: #ffffff;} .special_title_11 span:before,.special_title_11 span:after{ position: absolute; content: ''; width:.1rem; height: .1rem; z-index: 6; background-color: #CC0000; border-radius: 50%; top: 40%; margin-top: -.05rem;} .special_title_11 span em{ display: inline-block; margin: 0 .04rem; font-size: .4rem; width: .66rem; height: .66rem; line-height: .66rem; text-align: center; color: #CC0000; background: url(zjk_zt_icon_bg.png) no-repeat; background-size: contain;} .special_title_12{ height: .62rem; line-height: .62rem;} .special_title_12:before{ content: ''; position: absolute; left: 0; right: 0; height: 1px; background-color: #CCCCCC; top: 50%; margin-top: -1px; z-index: 1;} .special_title_12 span,.special_title_12 em{ display: inline-block; position: relative;} .special_title_12 span em{ z-index: 4;background-color: #ffffff; border: 2px solid #CC0000; font-size: .4rem; line-height: .58rem; padding: 0 .4rem;} .special_title_12 span i{ color: #CC0000;} .special_title_12 span:before,.special_title_12 span:after{ content: ''; position: absolute;} .special_title_12 span:before{ left: -.24rem; right: -.24rem; background-color:#FFF1F1; border: 2px solid #DE0000; top: .07rem; bottom: .07rem; z-index: 3;} .special_title_12 span:after{ z-index: 2; left: -.68rem; right: -.68rem; background-color: #DE0000; top: .23rem; bottom: .23rem;} .special_title_13:before,.special_title_13:after{ content: ''; position: absolute; width: 40%; height: 2px; background-color: #CCCCCC; top: 50%; margin-top: -1px; z-index: 1;} .special_title_13:before{ left: 0rem;} .special_title_13:after{ right:0rem;} .special_title_13 span i{ color: #CC0000;} .special_title_13 span{ padding: 0rem .32rem; position: relative;} .special_title_13 em{ width:.8rem; height: 5px; z-index: 6; display: inline-block; position: relative; top: -.14rem; background-color: #DE0000;} .special_title_15{ height: auto; line-height: inherit;} .special_title_15 h2{ position: relative; line-height: .5rem; font-size: .4rem; padding-bottom: .16rem;} .special_title_15 h2:before,.special_title_15 h2:after{ content: ''; position: absolute; left: 50%;} .special_title_15 h2:before{ width: 3.86rem; height: 1px; bottom: .08rem; margin-left: -1.98rem; background: linear-gradient(90deg, rgba(222, 0, 0, 0) 0%, rgba(222, 0, 0, 0) 0.27%, rgba(222, 0, 0, 1) 50.51%, rgba(222, 0, 0, 0) 100%);} .special_title_15 h2:after{width: .1rem; height: .1rem; bottom: 0; border-radius: 50%; background-color: #DE0101; margin-left: -.05rem; border: 3px solid #FFFFFF;} .special_title_15 p{ line-height: .24rem; font-size: .18rem; color: #999999; text-transform: uppercase;} .special_title_16,.special_title_17,.special_title_19{ height: auto; line-height: inherit;} .special_title_18:before,.special_title_18:after{ content: ''; position: absolute; width: 50%; height: 2px; background-color: #D60400; top: .38rem; z-index: 1;} .special_title_18:before{ left: 0rem; text-align: left;} .special_title_18:after{ right:0rem; text-align: right;} .special_title_18 span{ padding: 0rem .52rem; color: #DE0000; background-color: #ffffff;} .special_title_18 em{ width:2rem; z-index: 6; display: inline-block; position: relative; top: -.13rem; height: .24rem; background-color: #ffffff; margin: 0 -.3rem;} .special_title_18 em img{ z-index: 7; position: relative;} .special_title_20{ overflow: hidden; padding-bottom: .03rem; height: auto;} .special_title_20 .special_title_left{ float: left; padding: 0 .24rem; background-color: #DE0000; font-size: .26rem; color: #ffffff;} .special_title_20 .special_more{ float: right; color: #DE0000; display: block; font-size: .16rem;} .special_title_20:before { content: ''; background-color: #DE0000; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;} .special_title_21{ overflow: hidden; height: auto;} .special_title_21 .special_title_left{ float: left; position: relative;} .special_title_21 .special_title_left span{ max-width: inherit; display: block; margin-left: .14rem;} .special_title_21 .special_title_left span em{ padding: 0 .4rem; display: block; position: relative; z-index: 4;} .special_title_21 .special_title_left span em:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform:skew(-30deg); background-color: #DE0000; z-index: 5;} .special_title_21 .special_title_left span em i{ font-size: .26rem; color: #ffffff; position: relative; z-index: 6; display: block;} .special_title_21 .special_more{ float: right; color: #DE0000; display: block; font-size: .16rem;} .special_title_21 .special_title_left:before,.special_title_21 .special_title_left:after { content: ''; position: absolute; left: .5rem; bottom: 0; height: .36rem; transform:skew(-30deg);} .special_title_21 .special_title_left:before{ background-color: #DE0000; right: -.4rem; z-index: 2;} .special_title_21 .special_title_left:after{ background-color: #BA0F0F; right: -.14rem; z-index: 3;} .special_title_21:before { content: ''; background-color: #DE0000; position: absolute; left: .01rem; right: 0; bottom: 0; height: 4px;} .profile_information{border-top: 4px solid #1658a0;} .profile_information span{ position: relative; display: inline-block; padding: 0rem .72rem; height: .5rem;} .profile_information span:before{ content: ''; position: absolute; z-index: 1; left: 0rem; right: 0rem; top: -.01rem; height: .5rem; background-color: #1658a0; clip-path: polygon(0% 0%,100% 0%,90% 100%,10% 100%);} .profile_information span em{ position: relative; font-size: .24rem; color: #ffffff; z-index: 3; display: block; line-height: .42rem;} @media screen and (max-width:640px) { .special_title_01 em,.special_title_01 em img{ width: .24rem;} .special_title span{ font-size:.28rem;} .special_title_01 span,.special_title_02 span,.special_title_03 span,.special_title_05 span,.special_title_07 span,.special_title_11 span{ padding: 0rem .16rem;} .special_title_01 em,.special_title_03 em,.special_title_07 em{ top: -.12rem;} .special_title_04 span,.special_title_06 span{ margin: 0rem .16rem;} .special_title_05 em{ top: -.1rem; width: .4rem;} } @media screen and (max-width:375px) { .special_title_04 span,.special_title_06 span{ margin: 0rem .08rem;} .special_title_06 em{ width: .24rem;} .special_title_06 i{ width: 10%;} } /*头条、公示公告*/ .announcement{ text-align: center;} .announcement_01 em,.announcement_01 a,.announcement_01 span{ margin: 0 .1rem; line-height: .4rem;} .announcement_01 em{ padding: 0 .16rem; display:inline-block; border-radius: 1rem; background-color: #f2f8ff; border: 1px solid #d9ebf7; color: #1658a0; font-size: .22rem; font-weight: bold;} .announcement_01 a{ font-size: .28rem; font-weight: bold;} .announcement_01 span{ font-size: .16rem; color: #999999; display: inline-block;} .announcement_02{ border-radius: .04rem; background-color: #ffffff; padding: .2rem .24rem; box-shadow: 0px 4px 12px 8px rgba(22, 88, 160, 0.04);} .announcement_02 h3{ font-size: .3rem; color: #1658a0;} .announcement_02 h3 a{ color: #1658a0;} .announcement_02 p{ margin-top:.1rem; line-height: .18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999999;} .announcement_02 p span,.announcement_02 p a{ display: inline-block;} .announcement_02 p span{ max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .announcement_02 p a{ color: #1658a0; top: -.04rem; position: relative;} .announcement_03{ background-color: #ffffff; padding:.2rem 0rem .36rem 1.34rem; border-bottom: .05rem solid #1658a0; text-align: left; position: relative;} .announcement_03 h3{ font-size: .36rem; color: #333333; margin-bottom: .08rem;} .announcement_03 h3 a{ color:#333333;} .announcement_03 p{ font-size: .18rem; line-height: .24rem; color:#999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .announcement_03 p a{ margin-right: .2rem; padding-right: .2rem; color: #999999; position: relative; display: inline-block;} .announcement_03 p a:after{ background-color: #999999; position: absolute; content: ''; right: 0rem; top: 50%; margin-top: -.09rem; width: 2px; height: .18rem;} .announcement_03 p a:last-child{ margin-right: 0rem; padding-right: 0rem;} .announcement_03 p a:last-child:after{ display: none;} .announcement_03>em{ position: absolute; left: .32rem; top: -.06rem; background-color: #d43030; color: #ffffff; width: .8rem; height: .8rem; text-align: center; padding: .2rem 0; font-size: .22rem; font-weight: bold; line-height: .4rem;} .slb .announcement_03 p{ white-space: inherit; overflow: inherit;} .announcement_04{ position: relative;} .announcement_04 .announcement_date{ position: absolute; left: 0rem; top: 0rem; width: 1rem; border-radius: .04rem; overflow: hidden; text-align: center;} .announcement_04 .announcement_date p{ line-height: .2rem; background-color: #1658a0; color: #ffffff; font-size: .14rem;} .announcement_04 .announcement_date h3{ font-size: .34rem; font-weight: bold; background-color: #f5f9fe;} .announcement_04 .announcement_date h3 span{ font-size: .14rem; font-weight: normal;} .announcement_04 .announcement_box>h3{ font-size: .3rem; line-height: .4rem; color: #333333; margin-bottom: .08rem; position: relative; top: .04rem;} .announcement_04 .announcement_box>h3 a{ color:#333333;} .announcement_04 .bd{ overflow: hidden;} .announcement_04 .bd li .announcement_box{ position: relative; padding: 0 0 0 1.2rem;} .announcement_04 .num{ margin-top: .16rem; text-align: center; font-size: 0rem;} .announcement_04 .num li{ width: .08rem; height: .08rem; background-color: #e5e5e5; display: inline-block; cursor: pointer; border-radius:50%; margin: 0 .08rem;} .announcement_04 .num li.on{ background-color: #1658a0;} @media \0screen { .slb .announcement_04 .bd li{ width: 1000px;} } .announcement_05{ background-color: #ffffff; padding:.36rem .48rem; position: relative; border-radius: .08rem; box-shadow: 0px 0px 20px rgba(22, 88, 160, 0.08);} .announcement_05 h3{ font-size: .32rem; color: #1658a0; margin-bottom: .08rem;} .announcement_05 h3 a{ color:#1658a0;} .announcement_05 p{ font-size: .18rem; line-height: .24rem; color:#999999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;} .announcement_05 p a{ margin-right: .2rem; padding-right: .2rem; color: #999999; position: relative; display: inline-block;} .announcement_05 p a:after{ background-color: #999999; position: absolute; content: ''; right: 0rem; top: 50%; margin-top: -.09rem; width: 2px; height: .18rem;} .announcement_05 p a:last-child{ margin-right: 0rem; padding-right: 0rem;} .announcement_05 p a:last-child:after{ display: none;} .slb .announcement_05 p{ white-space: inherit; overflow: inherit; text-align: left;} .slb .announcement_05 p a:after{ display: none;} .announcement_06 h3{ font-size: .24rem; color: #1658a0; margin-bottom: .08rem;} .announcement_06 h3 a{ color:#1658a0;} .announcement_06 p{ font-size: .16rem; line-height: .32rem; color:#333333; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .announcement_07 h3{ font-size: .42rem; color: #1658a0; margin-bottom: .08rem; font-family: simsun;} .announcement_07 h3 a,.announcement_07 p a,.announcement_07 a.more{ color:#1658a0;} .announcement_07 p{ font-size: .2rem; color:#1658a0; overflow: hidden; text-align: center;} .announcement_07 a.more{ text-align: right; display: block;} .announcement_08 h3{ font-size: .32rem; color: #1658a0; margin-bottom: .08rem;} .announcement_08 h3 a,.announcement_08 p a,.announcement_08 a.more{ color:#1658a0;} .announcement_08 p{ font-size: .16rem; color:#1658a0; overflow: hidden; text-align: center; font-family: simsun; font-weight: bold;} .announcement_09 h3{ font-size: .32rem; color: #1658a0; margin-bottom: .08rem;} .announcement_09 h3 a{ color:#1658a0;} .announcement_09 p{ font-size: .16rem; color:#1658a0; overflow: hidden; text-align: center;} .announcement_09 .num ul{ margin-top: .16rem; text-align: center; font-size: 0rem; display: flex;} .announcement_09 .num li{ height: .04rem; background-color: #1658A0; flex: 1; cursor: pointer; opacity: .4; margin: 0 1px;} .announcement_09 .num li.on{ opacity: 1;} @media screen and (max-width:992px) { .announcement_01 a,.announcement_02 h3,.announcement_03 h3,.announcement_04>h3,.announcement_05>h3{ font-size: .22rem; text-align: center;} .announcement_02,.announcement_03,.announcement_04,.announcement_05,.announcement_06{ padding: .12rem;} .announcement_02 p,.announcement_03>em,.announcement_03 p,.announcement_04 .announcement_date,.announcement_04 .num,.announcement_05 p,.announcement_06 p{ display: none;} .announcement_04 .bd li .announcement_box{ padding-left: 0rem;} .announcement_07 h3,.announcement_08 h3,.announcement_09 h3{ font-size: .22rem;} .announcement_07 p,.announcement_08 p,.announcement_09 p{ font-weight: normal; font-size: 0px;} .announcement_07 p a,.announcement_08 p a,.announcement_09 p a{ display: block; font-size: .16rem;} }